Visualising Data with JavaScript eBook
The Visualising Data with JavaScript eBook teaches you how to build maps, charts and data stories using Chart.js, Leaflet, D3.js and React.
You'll learn how to build charts using Chart.js, data-driven maps with Leaflet and custom charts with D3. You'll also learn how to make data stories that combine multiple charts and maps.
This is similar content to the Visualising Data with JavaScript course but is in PDF format and doesn't include the content on building dashboards.
The book includes instructions for obtaining the source code of all the projects in the book.
Approx. 175 pages.
Book Content
Introduction
Prerequisites
Setting expectations
The code
The data
Book Structure
Data Visualisation and JavaScript
Data Visualisation
JavaScript
Creating a Web Application with JavaScript
Wrapping up
Ideas for further study
Make a Chart with Chart.js
Introducing Chart.js
tidy.js
Chart.js example application
Wrapping up
Ideas for further study
Styling and Customising Chart.js
The project
Chart 1 (Styled horizontal bar chart)
Chart 2 (Dark theme horizontal bar chart)
Chart 3 (Multi-line chart)
Chart 4 (Stacked bar chart)
Wrapping up
Custom Charts with D3.js
Introduction to D3
Principles of D3
Using D3
Flourish Popup
D3 example application
Wrapping up
Ideas for further study
Data-driven maps with Leaflet
Introduction to Leaflet
How to use Leaflet
Leaflet example application
Wrapping up
Ideas for further study
Data Stories
'Battery Storage Charging Ahead' data story project
Publishing the Data Story
Wrapping up
Appendices
Creating a project with Vite
Data Wrangling
Exercise hints and solutions