December 22nd, 2020 by Dilhani Withanage
Would you like to know how to easily create an interactive Marimekko chart for HTML5 based apps and Web pages using JavaScript? If yes, you are on the best path to learning this.
Also known as Mekko charts and market maps, Marimekko charts display numerical values that vary from 0% to 100% in its Y-axis. The most exciting part lies in their X-axis, which indicates the sum of values within categories. Each category’s width along the X-axis portraits the whole category’s contribution to a total of all data. In simple words, this is a type of a stacked chart that visualizes categorical data. Still, both the Y and X axes vary in a percentage scale by determining each segment’s width and height.
Are you a smartphone enthusiast and interested to look at the global smartphone shipments in 2019 by quarter and by vendor? Then especially follow the present tutorial as we are to visualize this market data in an elegant Marimekko diagram using simple JS chart coding techniques.
Read the JS charting tutorial »
December 18th, 2020 by AnyChart Team
Get ready for another dose of amazing charts and maps! DataViz Weekly‘s here to show you a set of new projects featuring graphics that make data talk — excellent examples of data visualization in action!
Here are this week’s picks:
- Over 200 years of migrations in the American South — Edward Ayers, Nathaniel Ayers & Justin Madron
- NBA fouls and violations, by referee — Owen Phillips
- U.S. unemployment change, by occupation — Nathan Yau
- U.S. hospital COVID-19 bed occupancy — Carlson School of Management at UMN
Read more »
December 11th, 2020 by AnyChart Team
Welcome back to DataViz Weekly, where we overview the best new data visualizations created by professionals. As always, let’s begin with a list of the projects we’re excited to put a spotlight on, and then take a closer look at each:
- Exploring letter communication networks of the Tudor government in the 16th century — Kim Albrecht, Ruth Ahnert & Sebastian Ahnert
- Tracking the most promising coronavirus vaccines — Bloomberg
- Defining “essential” and “frontline” workers for vaccination — NYT
- Understanding the U.S. energy use evolution since 1800 — RDCEP, UChicago
Read more »
December 8th, 2020 by Shachee Swadia
Almost recovered from COVID-19 myself these days, I decided to explore how the world is currently doing, during the pandemic. So I created a sunburst chart to see at a glance what continents and countries are more (and less) affected by the coronavirus than others. The process was quick and I thought someone could be interested to learn about how such data visualizations can be built in a pretty straightforward way, even with very little technical skills. So I also made a tutorial. And here I am — (1) sharing my interactive sunburst chart of COVID cases and (2) describing how I created it using JavaScript in a matter of minutes, step by step!
My JS sunburst chart provides an overview of the situation as of November 24, 2020, and also shows the global count, continent-wide data, and country-wise proportions for the current active COVID-19 cases and deaths. Scroll down to explore it by yourself and check out the tutorial along the way. Here is a sneak peek of the final chart to get you excited:
This sunburst charting tutorial is mainly for beginners to data science. So before we get to business, let’s make sure we’re on the same page. I’ll explain what a sunburst chart is and how it works, to start with. Then I’ll show you how to create a cool and colorful interactive visualization like that with JavaScript (and you can do it even if you don’t know it too well). That’s the plan!
Read the JS charting tutorial »
December 4th, 2020 by AnyChart Team
Hey everyone! Continuing to curate the best charts, maps, and infographics from around the Internet, we invite you to meet four fresh great data visualization projects worth checking out.
Today on DataViz Weekly:
- Visualizing the ways the Thanksgiving turkey leftovers were used — Nathan Yau
- Understanding the scale of 250,000 deaths from the coronavirus — The Washington Post
- Finding a correlation between scented candle reviews on Amazon and COVID-19 — Kate Petrova
- Evaluating tree equity in American city neighborhoods — American Forests
Read more »
November 27th, 2020 by AnyChart Team
If you love good data visualizations, you’ve come to the right place at the right time! Every Friday, we choose the four most interesting projects making good use of charts and maps, from those we have come across out there just lately, and introduce you to them. Here are the visualizations we’re going to tell you about this time on DataViz Weekly:
- (False?) dichotomy between saving lives and saving the economy during the second wave — Michael Smithson on The Conversation
- COVID Resilience Ranking revealing the best and worst places to stay during the pandemic — Bloomberg
- Length of summers in Spain since 1950, by municipality — Predictia
- The most popular Thanksgiving pie in each state — Instagram
Read more »
November 25th, 2020 by AnyChart Team
Leading the data visualization market with the best-in-class solutions, we are always excited to see how not only companies but also individuals from all over the world use them to produce interactive charts in their projects. Here’s one new interesting example we’ve recently learned about. Mais Hatem from Syria, currently an undergraduate at the American University of Beirut (Lebanon), created “Cloud a Subreddit,” a web project that generates a beautiful interactive Word Cloud chart out of any given Reddit’s subreddit with the help of the AnyChart JS library.
We had a quick interview with Mais where she told us more about her work and experience using AnyChart. Check it out.
Read more »
November 20th, 2020 by AnyChart Team
Another long seven-day wait is over, and DataViz Weekly‘s already here to introduce you to new awesome data visualizations we have met these days around the Web. Let’s see what we’ve got this time!
- COVID-19 growth rates in each U.S. county — Benjamin Schmidt
- World development indicators — The World Bank
- Timelines for new and all current federal judges — ProPublica
- Colors of the U.S. election maps on different media — SBS News
Read more »
November 13th, 2020 by AnyChart Team
DataViz Weekly is back — check out some of the most interesting third-party data visualization projects we have recently come across! Let’s start with a quick list and then take a closer look at each:
- Electricity generation in America since 2001 — NYT
- Subreddits in word clouds — Mais Hatem
- Hate crimes in the United States — UCLA
- McDonald’s ice cream machine status — Rashiq Zahid
Read more »
November 11th, 2020 by Shachee Swadia
A Venn diagram is a form of data visualization that uses shapes, generally circles, to show the relationships among groups of things. In this chart type, overlapping areas show commonalities while circles that do not overlap show the traits that are not shared.
Introduced by John Venn, an English mathematician, logician, and philosopher, Venn diagrams are also called set diagrams or logic diagrams since they show possible logical relations between elements of different sets. When drawing such charts, we will most probably be dealing with two or three overlapping circles, since having only one circle would be boring, and having four or more circles quickly becomes really complicated.
Not only are these diagrams good visualizations as a concept, but they also provide a great opportunity to represent qualitative data and a bit of graphic humor. Basically, they are easy and fun to build and use. I’ll show you right now!
Read this tutorial to learn how to easily create a visually appealing and informative Venn diagram for your website or app with the help of JavaScript. All the code used and demonstrated along the tutorial will be freely available for you to play with.
During the ongoing coronavirus pandemic, with working from home and avoiding food from outside, many of us have become amateur chefs. So, let us use a JS-based Venn diagram to find out what kind of recipe would be the best to try out on a working day — this is going to be a delightful use case to explore!
Read the JS charting tutorial »