DEV Community

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

Posted on • Originally published at anychart.com

1 2

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

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

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

Top comments (0)

Cloudinary image

Zoom pan, gen fill, restore, overlay, upscale, crop, resize...

Chain advanced transformations through a set of image and video APIs while optimizing assets by 90%.

Explore

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay