Chat with us, powered by LiveChat

AnyChart News

How to Create a Sankey Diagram (with JavaScript)

May 25th, 2022 by Shachee Swadia

Sankey diagram in JavaScript HTML5Would you like to learn how to quickly create a really cool chart called a Sankey diagram? You’re in the right place! Together, we will build an elegant Sankey chart using JavaScript, and then you’ll be able to produce such data visualizations by yourself with no hassle at all.

Depicting the flow of values from one set to another, Sankey diagrams are ideal when you need to graphically represent a many-to-many mapping between two domains or multiple paths through a number of stages. So, competence in making them will be a great addition to the skill set of anyone dealing with data visualization design and development.

110 years after it sank on April 15, 1912, the Titanic still holds us in its thrall, piquing people’s imagination. Now, we will use the JS Sankey diagramming technique to look at its passengers and crew and find out who survived and perished based on gender, age, and ticket class. Follow along!

Read more »


Building an Area Chart with JavaScript

May 12th, 2022 by Awan Shrestha

If you are into data visualization, one of the things that you might often need to do is represent a variable’s values over time. Or, you might need to compare multiple datasets in terms of how they are changing during a certain period. This is where area charts can be helpful.

Not sure how to build an elegant area chart? Now you will master a really easy way! In this step-by-step tutorial, we will be visualizing data on the military budgets of the USA and Russia over the past two decades in interactive area charts using JavaScript. All aboard!

Read more »


New Must-See Data Visualizations Around Internet — DataViz Weekly

April 29th, 2022 by AnyChart Team

Now it’s time for DataViz Weekly! Let’s look at the four most interesting new data visualization projects we have recently come across!

  • Deaths in the (self-proclaimed) DPR in 2014–2022 — Reddit user feoleoneo
  • French presidential election results — Le Monde
  • Internet blackouts worldwide since 2016 — Rest of World
  • April heat wave in India — Joshua Stevens, NASA Earth Observatory

Read more »


Wonderful Data Graphics on Time Use, Rents, COVID-19, Airlines — DataViz Weekly

April 22nd, 2022 by AnyChart Team

Wonderful Data Graphics on Time Use, Rents, COVID-19, Airlines | DataViz WeeklyEach Friday, we recall the best data graphics we have seen out there over the last seven days or so and present them to you in a quick roundup. So, DataViz Weekly is here! Just making sure you have not missed these wonderful visualizations:

  • People we spend time with over the lifetime — Nathan Yau
  • Housing rents across the U.S. from Q1 2021 to Q1 2022 — The Washington Post
  • Two years of the COVID-19 pandemic in South Africa — Media Hack
  • Air travel market recovery worldwide — The Financial Times

Read more »


Cool Visualizations That Have Caught Our Special Attention These Days — DataViz Weekly

April 15th, 2022 by AnyChart Team

Cool Visualizations That Have Caught Our Special Attention These Days, on DataViz WeeklyEvery day, a number of cool visualizations on various topics come out here and there. DataViz Weekly is designed to tell you about those that have caught our special attention most recently. This Friday, we invite you to take a close look at the following:

  • Air raid sirens across Ukraine — Volodymyr Agafonkin
  • Population density around the globe at a 30-meter resolution — Stamen
  • America’s wealthiest people and their taxes — ProPublica
  • Average date of the last spring freeze across the U.S. — Climate.gov

Read more »


How to Create a Stacked Chart with JavaScript

April 12th, 2022 by Shachee Swadia

A stacked chart on a laptop screen as a title illustration for this stack chart guideData visualization is a skill vital for analysts and developers in the current times. Stacked charts are one of the most widely used chart types, and now I want to tell you what they are and how to build such graphics with ease using JavaScript. In the main tutorial part, I will be creating different versions of a stacked chart, providing comprehensive step-by-step instructions to let you learn fast. My visualizations will offer a look at the medal counts for the top 10 countries on the final Beijing 2022 Winter Olympics leaderboard so you also have fun as you follow along.

Read more »


Great New Charts & Maps Worth Seeing — DataViz Weekly

April 8th, 2022 by AnyChart Team

Great New Charts & Maps Worth Seeing, in DataViz WeeklyReady for a new selection of great charts and maps? Join us in checking out four awesome data visualization projects we have come across this week! Today on DataViz Weekly:

  • Uninhabitable locations worldwide by 2100 — Berliner Morgenpost
  • Sanctions against Russian oligarchs — Bloomberg
  • Baby naming trends in Scotland — The Courier
  • Milwaukee architectural home styles — The Milwaukee Journal Sentinel

Read more »


Plotting Building Age, Electricity Price, Temperature Highs, Excess Mortality — DataViz Weekly

April 1st, 2022 by AnyChart Team

Plotting Building Age, Electricity Price, Temperature Highs, Excess Mortality, in DataViz WeeklyVisualized data is much easier for the human brain to process and understand than textual or tabular. On DataViz Weekly, we collect the most interesting examples of charts and maps demonstrating how that works in reality. Enjoy our new picks:

  • Age of buildings in Las Vegas — Las Vegas Review-Journal
  • Electricity market price determination in Spain — elDiario.es
  • Time since a record temperature high across the United States — The Pudding
  • Excess deaths in Republican-leaning and Democratic-leaning states — Axios

Read more »


Reviewing Four New Exciting Data Visualizations — DataViz Weekly

March 25th, 2022 by AnyChart Team

Reviewing Four New Exciting Data Visualizations | DataViz WeeklyIf you are reading this, you (almost certainly) love good data graphics. Well, we won’t leave you hanging! Check out a new DataViz Weekly review of exciting data visualizations recently built by honored professionals.

  • Sunrise times with permanent daylight saving time in the U.S. — The Washington Post
  • Inequality between rich and poor people’s carbon emissions — Bloomberg
  • Gender-neutral baby names in America — Georgios Karamanis
  • 3D climate spiral for 1880–2021 — NASA

Read more »


Creating a Bullseye Chart with JS to Visualize the COVID-19 Vaccine Pipeline

March 25th, 2022 by Shachee Swadia

Creating a Bullseye Chart with JS to Visualize the COVID-19 Vaccine PipelineVisualizing data across a set of concentric rings, bullseye charts are widely used in drug pipeline and clinical trials data analysis. This tutorial will explain how to create this type of diagram with JavaScript. What’s more, you’ll see an excellent, typical example of an interactive bullseye chart in action!

I collated detailed information about all the COVID-19 vaccine candidates currently undergoing clinical studies from the WHO’s vaccine tracker. Now, join me as I plot it all in an interactive JS-based bullseye chart, by vaccine type and development phase!

Read more »