March 25th, 2020 by Anastasia Zoumpliou
Do you have trading data, looking for a way to effectively visualize it for your website or app project? If so, a JS candlestick chart could be your best pick. This tutorial will break down the process needed to create such a chart into simple steps and provide a detailed explanation of the code. Keep reading even if you are new to programming, because only a basic understanding is needed to follow along and master such a JavaScript (HTML5) based data visualization technique.
Also called a Japanese candlestick chart, this chart type is one of the most popular forms of financial and stock data visualization. Each candlestick represents information about the open, high, low, and close price of the day. Candlestick charts are widely used in technical analysis of price movement patterns.
Complete this tutorial and you will be able to create a compelling interactive candlestick chart in JavaScript real quick, with ease.
Read the JS charting tutorial »
March 20th, 2020 by AnyChart Team
As the novel coronavirus pandemic is in full swing, COVID-19 is now by far the most topical issue on the global agenda. So it’s no surprise that the vast majority of the data visualization projects we’ve come across this week are about the outbreak. That’s why the new DataViz Weekly article is entirely devoted to the same subject — the coronavirus.
We are quite sure many of you have already seen some if not all of the best dashboards, charts, and trackers of the global COVID-19 outbreak from Johns Hopkins University, The New York Times, Financial Times, Business Insider, The Guardian, Bloomberg, and others. Awesome animated simulations from The Washington Post’s Harry Stevens, showing why epidemics like this spread exponentially and how social distancing could help to flatten the curve of COVID-19 cases, have almost certainly came to your attention and does not need to be presented additionally.
Headquartered in the United States, we decided to find out more about what has been going on about COVID-19 in America. Join us on a review of four interesting (though sometimes a bit frightening) data graphics features created by top media outlets, which provide insight into where the U.S. stands — from the perspective of cases and tests (Politico), scenarios (TIME), and hospital bed capacity (The Upshot by NYT), as well as compared to the rest of the world (BuzzFeed News). Check out the special “COVID-19 in US” edition of DataViz Weekly on the AnyChart blog.
Read more »
March 17th, 2020 by AnyChart Team
We’ve made a new tutorial on building charts in Qlik Sense. This one sheds light on how to add dimensions and measures creating a Project Gantt chart using the AnyGantt extension.
The tutorial is available in the video and text-and-pictures versions — choose one or check out both!
Read more at qlik.anychart.com »
March 13th, 2020 by AnyChart Team
We continue to introduce you to interesting new visualizations from around the Web. These are great illustrations of how data becomes easier to make sense of when it’s represented in the right charts and maps. Check out the new DataViz Weekly article highlighting another four projects:
- Call to action on the novel coronavirus (COVID-19) — Tomas Pueyo
- Income estimates for small areas in England and Wales — ONS
- Hockey goals — Georgios Karamanis
- Inclusive Internet Index 2020 — EIU
Read more »
March 12th, 2020 by AnyChart Team
Great news for Qlik users! AnyGantt Extension for Qlik Sense is now available in the cloud!
As of February 2020, customers using Qlik Sense in the cloud can benefit from 3rd party extensions such as those by AnyChart, a trusted Qlik Technology Partner.
Read more at qlik.anychart.com »
March 6th, 2020 by AnyChart Team
Today is Friday. We have already chosen four new stunning visualization examples and are excited to show you them! Look how powerful the right charts and maps can be when you need to explore and communicate data. Here’s a quick list of the fresh visualization projects this new DataViz Weekly blog post puts a spotlight on:
- Takeaways from Super Tuesday — The New York Times
- Cost of living in German cities — Fabian Nobis
- Cycling all streets in central London — Davis Vilums
- Nitrogen dioxide over China and Wuhan — NASA Earth Observatory
Read more »
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 »