DEV Community

loading...
Cover image for Building Stacked Area Charts in JavaScript (Shown on COVID-19 Data for Italy, January to June)

Building Stacked Area Charts in JavaScript (Shown on COVID-19 Data for Italy, January to June)

andreykh1985 profile image andreykh1985 Originally published at anychart.com ・1 min read

Stacked area charts are frequently used in data visualization, helping to show how several variables along with the total are changing over time.

Find out how to quickly make interactive JavaScript stacked area charts for web projects in this new tutorial. While explaining the way (still quite simple to master even if you have very basic HTML skills), the author visualizes the COVID-19 pandemic data for Italy, displaying the number of cases, recoveries, and deaths over time from January 31 when the first 2 cases were officially registered, to June 9 when the total cases in Italy numbered 235,561.

Here's a percent (normalized) stacked area chart to be built by the end of the tutorial:

Normalized stacked area chart of COVID-19 in Italy, January to June

Discussion (0)

pic
Editor guide