Visualising Data with JavaScript
Visualising Data with JavaScript
Learn how to build charts, maps and data stories using Chart.js, Leaflet and D3.
About the Book
Visualising Data with JavaScript shows how to build maps, charts and data stories using JavaScript.
Learn how to build charts using Chart.js, data-driven maps using Leaflet and a custom chart using D3.js. You'll also learn how to make a data story that combines multiple charts and maps.
There's a code download containing eight examples, including multiple Chart.js examples, a data-driven Leaflet map, a D3 custom visualisation, a data story and a data-wrangling example.
Some of the topics covered are:
- creating a web application with JavaScript
- the Vite build tool
- making a chart with Chart.js
- using Tidy.js to process data
- styling Chart.js charts, including dark theme, multi-line charts and stacked bar charts
- introduction to D3.js
- example custom visualisation using D3.js
- how to add a tooltip to a D3.js visualisation using Tippy.js
- introduction to Leaflet for creating maps
- how to make a data-driven map with Leaflet
- how to make a data-story
- an example data-story containing 4 charts, a map and detailed styling
- how to publish the data story onto the web
- how to transform the data from the UK Government into a JSON file
Some of the chapters include exercises and solutions.
To get the most out of this book you need to be familiar with HTML, SVG, CSS and JavaScript. If you need to get up to speed with these languages I recommend my book Fundamentals of HTML, CSS, SVG & JavaScript for Data Visualisation. I've bundled both books together at a reduced cost (visit bundle).
You also need a text editor (such as VS Code) and an installation of Node.js.
This book uses ES Modules and modern build-tools throughout so you'll learn about current technologies.
I've also published Data Dashboards with JavaScript which contains more advanced material. It shares some chapters with this book but doesn't cover D3 or data stories. Instead it has two chapters on building data dashboards.
About the Author
Team Discounts
Get a team discount on this book!
Bundles that include this book
Table of Contents
- 1. Introduction
- 2. Data Visualisation and JavaScript
- 3. Make a Chart with Chart.js
- 4. Styling and Customising Chart.js
- 5. Custom Charts with D3.js
- 6. Data-driven Maps with Leaflet
- 7. Data Stories
- Appendix A: Creating a project with Vite
- Appendix B: getMultiSeriesChartData
- Appendix C: Data Wrangling
- Appendix D: Exercise hints and solution ideas
The Leanpub 60 Day 100% Happiness Guarantee
Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.
You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!
So, there's no reason not to click the Add to Cart button, is there?
See full terms...
Earn $8 on a $10 Purchase, and $16 on a $20 Purchase
We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.
(Yes, some authors have already earned much more than that on Leanpub.)
In fact, authors have earnedover $14 millionwriting, publishing and selling on Leanpub.
Learn more about writing on Leanpub
Free Updates. DRM Free.
If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).
Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.
Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.
Learn more about Leanpub's ebook formats and where to read them
