Idézet:Learn how to build charts using Chart.js, data-driven maps using Leaflet and a data dashboard using React, Chart.js and Leaflet.

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.

Idézet:A kódrészlet megtekintéséhez be kell jelentkezned, vagy nincs jogosultságod a tartalom megtekintéséhez.

Idézet:A kódrészlet megtekintéséhez be kell jelentkezned, vagy nincs jogosultságod a tartalom megtekintéséhez.