[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_28":-5,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"routes/_store+/_readers+/email_author.$slug/route",{"_9":10,"_11":-5},"book",{"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":23},"currentUser","id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvNTExNzY","title","Fundamentals of HTML, SVG, CSS and JavaScript for Data Visualisation","state","published","contactAuthorMethod","email","aboutText","

This book covers the fundamentals of HTML, SVG, CSS and JavaScript for visualising data.

If you're wanting to learn D3.js (or other JavaScript visualisation libraries) and need to get up to speed with HTML, SVG, CSS and JavaScript, this book is ideal. It goes through the basics of these languages, and gives a good foundation for learning libraries such as D3.js.

It's also useful if you're coming from a language such as Python or R and use tools such as Dash and Shiny. If you're wanting to customise your web applications and CSS and JavaScript are a stumbling block then this book should help.

This book doesn’t assume prior knowledge of HTML, SVG, CSS and JavaScript but it’ll be helpful if you’ve some coding experience. Being familiar with a text editor (or IDE) will also be helpful.

It’s by no means a comprehensive tutorial on HTML, SVG, CSS and JavaScript. You’d need a much bigger book for that. Think of this book as presenting the minimum of what you ought to know if you’re wanting to work with web based data visualisations.

The book covers topics such as:

HTML elements such as headings, lists, images and dropdown menus
SVG elements such as lines, rectangles, circles, groups and paths
SVG transforms (including how to combine them)
CSS rules
CSS properties for HTML and SVG
CSS id and class attributes
CSS layout (including Flexbox)
CSS media queries
JavaScript variables and data types
JavaScript arrays and objects
JavaScript functions
JavaScript iteration
JavaScript promises
JavaScript in the browser (Document Object Model or DOM)
JavaScript data requests
Node.js
ES Modules
Creating a web application using Vite

This book is an ideal foundation for D3 Start to Finish.

","authors",[24],{"_12":25,"_26":27,"_28":29},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci81NDA5NA","name","Peter Cook","user",{"_30":31},"avatar",{"_32":33,"_34":35,"_36":37},"url","https://d39qdlcrvnra4b.cloudfront.net/avatars/2679142/medium/petercook.jpeg?1655993003","styleName","medium","exists",true,"shoppingCartId","shoppingCart",{"_12":71,"_72":73,"_74":37,"_75":76,"_77":78,"_79":80,"_81":37},"locale","en","readerTheme","light","constants",{"_69":70},"publishers",{"_65":66,"_67":68},"learnerOrganizations",[],"needsLocaleCookieSync",false,"announcements",{"_59":60,"_61":-5},"sentryEnvironment","production","sentryRelease","bbe79676317c4f994581fefcf136cde9d0978c2a","announcement_store",{"_62":37,"_63":64},"announcement_authors","flag","text","

Kick off your book project, get started with GhostAI, get better at marketing, or spend the day doing all three! Free live workshops on Zoom. Saturday, June 27, 2026.

\n","companies",[],"universities",[],"paypalClientId","AX53Cwz8jR6rVVzzZiZNWWXl0dGagi-GZrjG-S3Ua14E5nrKMn7DxDQ730O4R8LusLPp49ALn6aRVaEy","no-cart","count",0,"free","updatedAt","","paymentGateway","STRIPE","cartItems",[],"loading"]

Email the Author