Data Dashboards with JavaScript
Data Dashboards with JavaScript
Learn how to build data dashboards with Chart.js, Leaflet and React.
About the Book
Data Dashboards with JavaScript shows how to data dashboards with JavaScript.
You'll learn how to build a data dashboard using charting library Chart.js, mapping library Leaflet and UI library React. View the dashboard you'll learn to build.
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 Leaflet for creating maps
- how to make a data-driven map with Leaflet
- introduction to React
- how to make a data dashboard using React, Chart.js and Leaflet
- how to create an API for the dashboard
- how to deploy the dashboards
- how to transform the data from the UK Government into a JSON file
Some of the chapters include exercises and solutions.
There's a code download containing ten examples, including multiple Chart.js examples, a data-driven Leaflet map, a data-dashboard, a client-server data dashboard and a data-wrangling example.
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 Visualising Data with JavaScript which shares some chapters with this book but doesn't cover data dashboards or React. Instead it has chapters on D3 and Data Stories.
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. Data-driven Maps with Leaflet
- 6. Data Dashboards
- 7. Client/Server Dashboards
- Appendix A: Creating a project with Vite
- Appendix B: getMultiSeriesChartData
- Appendix C: Data Wrangling
- Appendix D: D3
- Appendix E: Deployment
- Appendix F: 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
