March 3rd, 2020 by Wayde Herman
Have you ever wanted to create a bubble chart using JavaScript but did not know how? Then this tutorial is for you! Carry on reading to learn more about bubble charts and how we can build them quickly and painlessly.
Bubble charts are an extension of the scatter plot. Most commonly, they display three variables which are expressed as the horizontal distance of the point (x), the vertical distance of the point (y), and the size of the point (z). A bubble chart is a great visualization technique to let users compare data points. When designed well, it can be really eye-catching and engaging.
In this tutorial, I will teach you how to build your very own interactive JS bubble chart and bring it to life through customization. All examples will be available with the full code.
For this “getting started” guide, I have decided to explore the data of the top 30 grossing movies. Let’s look at the amount of money each movie has grossed, the budget, as well as the year of release. A bubble chart is a particularly good choice for the visualization of this dataset as it will allow us to easily compare these three numeric variables in an interesting and beautiful way.
Read the JS charting tutorial »
February 28th, 2020 by AnyChart Team
Another week has brought multiple new awesome charts and infographics into the focus of our attention. Join us on a quick review of the most interesting data visualization projects, within the framework of the regular DataViz Weekly feature on the AnyChart blog.
- Top 100 languages and their origins — WordTips
- Airbnb’s legal challenges — Bloomberg
- Dutch trains on an average working day — Jan Willem Tulp for NS
- Political email filtering in Gmail — The Markup
Read more »
February 26th, 2020 by Anastasia Zoumpliou
Want to learn how to quickly create an interactive heat map chart using JavaScript? This data visualization tutorial will guide you through the coding process step by step. Basic knowledge of HTML (HTML5) and some understanding of programming are more than enough to master this charting technique.
A heat map (or heatmap chart) is a two-dimensional, matrix-based data visualization in which colors represent values. It is often used to facilitate the analysis of complex data sets, revealing patterns in how variables change, correlate, and more.
Read this JS charting tutorial to the end and you will have no more problems with getting compelling heat maps up and running on your web sites and in your apps.
Read the JS charting tutorial »
February 21st, 2020 by AnyChart Team
Hey chart lovers, check out a new portion of cool data visualizations! We have come across these fresh projects just about now and are glad to feature them in DataViz Weekly:
- Hours worked vs happiness — Visual Capitalist
- Mike Bloomberg’s advertising budget — The Washington Post
- Pesticide sales of global agrochemical giants — Unearthed
- Covid 2019 spread in comparison with other epidemics — London School of Hygiene & Tropical Medicine
Read more »
February 14th, 2020 by AnyChart Team
Can’t wait to meet new awesome data visualizations in DataViz Weekly? There you go! Today we are pleased to put a spotlight on the following graphics worth seeing:
- Magic Quadrant for Analytics and BI Platforms — Gartner
- State taxes in the United States of America — Howmuch.net
- Viewing locations at U.S. national parks — Nick Underwood, Clare Sullivan and Peter Newman, UW-Madison
- Disruptions in the Dutch railway system — Chris Mostert, TU Delft
Read more »
February 7th, 2020 by AnyChart Team
A new DataViz Weekly post is finally out! Here’re some of the most interesting charts and maps we’ve found just lately:
- 2020 Iowa caucus results for Democrats — The New York Times
- Transition from weather to climate — Neil Kaye, Met Office
- Global real interest rates since the early 14th century — Paul Schmelzing, Bank of England
- Greenhouse gas emissions across the supply chain of diverse food products — Our World in Data
Read more »
January 31st, 2020 by AnyChart Team
DataViz Weekly is here! Look at four new interesting data visualization projects we’ve discovered around the web just recently. Coronavirus cases are already confirmed in more than 20 countries, making 2019-nCoV a topical global issue. So we could not help but highlight an important dashboard dedicated to it among the four. Here’s a full list of what is featured in this new DataViz Weekly post:
- Wuhan coronavirus cases — JHU CSSE
- American FM radio coverage — Erin Davis
- Global trade in live animals — The Guardian
- Job growth across the United States — The Daily Yonder
Read more »
January 28th, 2020 by AnyChart Team
Our JavaScript charting libraries are now updated! Just before the new year, we delivered important fixes and improvements to them in version 8.7.1. These updates make it even better to visualize data using our flexible visualization solutions for cross-platform HTML5 charting — AnyChart JS for basic charts, AnyGantt JS for project and resource charts, AnyStock JS for stock and any other time-series charts, and AnyMap JS for geographical and seat map charts.
Download version 8.7.1 now and start enjoying our updated JavaScript charting libraries!
Check the version history of the library you are using to see exactly what has been improved and fixed in the new release:
Let us know what else we should add or enhance. We’ve been always listening to you and your feedback has always largely determined our roadmap. Of course, this will remain so in the new year (and beyond). Any questions, give us a shout and we’ll be happy to assist you asap.
We wish you a happy and prosperous 2020!
- Categories: AnyChart Charting Component, AnyGantt, AnyMap, AnyStock, Big Data, Business Intelligence, Dashboards, Financial Charts, Gantt Chart, HTML5, JavaScript, News, Stock Charts
- No Comments »
January 24th, 2020 by AnyChart Team
Check out some of the new hot visualizations we have come across this week! Not only are they good graphical data presentation examples, they also bring interesting insights.
- Youth life expectancy and educational opportunity across the United States — Child Trends
- Guessing names based on what letter(s) they start with — FlowingData
- Climate change scoreboard — Bloomberg Green
- Mother tongues across Canada — Anagraph
Read more »
January 22nd, 2020 by AnyChart Team
Great news for Qlikkies: We released another major update to our AnyGantt extension for Qlik Sense, which will further enhance your project data visualization experience. So the current 4th generation of our solution for Gantt charts in Qlik already delivers a whole bunch of new awesome features and improvements — learn about them now in a quick overview.
Read more at qlik.anychart.com »