How to Create JavaScript Area Chart
October 28th, 2017 by Timothy Loginov
Want to know how to build a JavaScript area chart? This article will show you how to do that and tell you who invented area charts in the late 18th century.
The area chart is one of the basic charts used to show changes in data over time. The key feature of this chart type is a colored area between the horizontal X-axis and the line marking the changing value. It can be filled with a color, gradient color, or with a hatch fill.
Look at the chart on the title image. That’s the data visualization being created along the tutorial. Such a JavaScript-based area chart will be interactive and good-looking in any browser, on any website and in any app in HTML5. All samples used in the article are available in our collection on CodePen.
Read the JS charting tutorial »
- Categories: AnyChart Charting Component, HTML5, JavaScript, JavaScript Chart Tutorials, Tips and Tricks
- 3 Comments »
Interesting Data Visualization Examples for Fun and Inspiration – DataViz Weekly
October 27th, 2017 by AnyChart Team
Here we are, bringing you the new pick of interesting data visualization examples we came across lately!
Check out what visual graphics we’ve included in this week’s Data Visualization Weekly post:
- where China sends money;
- what governments make the most requests for Twitter’s user data;
- visualizing every weapon in the US nuclear arsenal;
- animated interactive guide to frequency trails charts.
- Categories: Data Visualization Weekly
- No Comments »
Advanced Visualization of Spot in JS Polar Charts — Challenge AnyChart!
October 27th, 2017 by Vitaly Radionov
Meet Challenge AnyChart, a brand new feature on our blog that every dataviz engineer will fall in love with! Each article in this series will be a quick tutorial on how to complete a specific data visualization task that – at first sight – seems too complicated or even unsolvable with AnyChart JS Charts.
From now on, once in a couple of weeks, we’ll pick a thrilling challenge – one of those you’ve shared with our Support Team. And then we’ll show you the best way to deal with it. So all of you can see: Nothing is impossible in AnyChart!
The first challenge for the very first Challenge AnyChart issue is about making an advanced interactive visualization of the spot in a JavaScript polar chart.
- Categories: AnyChart Charting Component, Challenge AnyChart!, Charts and Art, HTML5, JavaScript, Tips and Tricks
- No Comments »
Creating JavaScript Bar Chart
October 25th, 2017 by Timothy Loginov
How to create a JavaScript bar chart and why is this important? Every day, data visualization becomes all the more powerful and important area of the Web. The volume of information grows, and it must be made understandable as fast as possible. That’s when data visualization instruments like charts and dashboards become a great help.
Creating HTML5 charts might seem a complicated task, but this assumption is wrong. This article blows this prejudice to pieces and shows how to build an interactive bar chart using JavaScript.
The result will look like on the picture above. Then you’ll also learn how to quickly modify and customize such a JavaScript (HTML5) bar chart. All the JS chart examples used along the tutorial can be found on CodePen.
Read the JS charting tutorial »
- Categories: AnyChart Charting Component, HTML5, JavaScript, JavaScript Chart Tutorials, Tips and Tricks
- 15 Comments »
Charts Showing Various Interesting Data – DataViz Weekly
October 20th, 2017 by AnyChart Team
We know that our Data Visualization Weekly has been watched and read by many people. So we are glad to continue this series of posts and share the next one right now, presenting new cool charts showing various interesting data.
Today in Data Visualization Weekly:
- days between mass shootings in the United States;
- interactive world map of Christianity;
- how US citizens differ by age;
- what women and men think about careers and household tasks.
- Categories: Data Visualization Weekly
- No Comments »
Beauty of Data Visualization – DataViz Weekly
October 13th, 2017 by AnyChart Team
The beauty of data visualization lies not only in a pretty design or any graphical features one might like to implement. Also – and actually, foremost – it is about making data speak and communicate trends, connections, and patterns previously hidden or simply been harder to discover and explore.
Check out the new Data Visualization Weekly with several new examples of dataviz that are both informative and cute:
- tech takeover of the global advertising industry;
- road deaths in developing countries;
- who earns more in male-female partner households in the US;
- SFARI Gene – gene-centered autism research data and visuals.
- Categories: Data Visualization Weekly
- No Comments »
Visualized Data is Powerful (and Beautiful) – DataViz Weekly
October 6th, 2017 by AnyChart Team
Data is great. Visualized data is awesome! Charts, dashboards, infographics – all these are specifically designed to provide an advanced look into data, deliver a better insight, and finally, get a clearer understanding of what’s happening so we can make the right decisions.
We are keen on showing you some good data visualization examples each week to prove that. Here are the new ones we’ve decided to share this time:
- Trump’s approval ratings;
- cryptocurrency market;
- Las Vegas gunfire speed;
- map of all unicorn companies.
- Categories: Data Visualization Weekly
- No Comments »
Modular JavaScript Charting: AnyChart 8 Premiere
October 2nd, 2017 by AnyChart Team
Fall is an amazing time for TV, movie, theater, and other art lovers as that’s when a lot of premieres are being launched. Well, we are happy to contribute to the debut mainstream this time! Meet AnyChart 8, a modular JavaScript charting system taking the convenience, performance, and customization in the art of interactive data visualization to the next level.
Join us in reviewing the core innovations delivered in the 8th, module-based generation of AnyChart, including the brand new features now available in our JS charting libraries AnyChart, AnyStock, AnyGantt, and AnyMap, as well as what else is in our nearest plans.
AnyChart JS Charts 8.0.0: Modules, Custom Builds, and Much More
The 8.0.0 release of the AnyChart, AnyGantt, AnyMap, and AnyStock JavaScript (HTML5) charting libraries delivers a lot of brand new features and technical improvements. Please see the list below for a quick overview of what’s new.
- Categories: AnyChart Charting Component, AnyGantt, AnyMap, AnyStock, Dashboards, Financial Charts, Gantt Chart, HTML5, JavaScript, News, Stock Charts
- 5 Comments »
Interesting Data Visualizations – DataViz Weekly
September 29th, 2017 by AnyChart Team
Imagine a week without any new interesting data visualizations, a week when nobody published at least one piece of dataviz that would be worth seeing… No way! Nowadays, at the times when data visualization is clearly well on the rise, the number of charts being created and shared is only growing day by day. So we are likely to always have something out there to choose from for our Data Visualization Weekly series. Well, this is definitely a good thing!
In the new weekly post, we are glad to present you with another set of interesting visualizations that have appeared and come to light only recently:
- Nine charts and infographics for visually comparing North Korea to South Korea.
- Germany’s recent election results.
- Wealth inequality between black and white families in America.
- Murder rate on the rise in the US.
- Categories: Data Visualization Weekly
- No Comments »
Data Visualization Best Practices and Cool Chart Examples – DataViz Weekly
September 22nd, 2017 by AnyChart Team
Data visualization is one of those fields where knowledge of theory, of course, is very important but practice is basically everything. That’s why we keep sharing data visualization best practices and interesting examples every week to help you see how experienced data journalists and scientists make data speak and tell stories so you could learn from there and see what’s possible.
In today’s DataViz Weekly, you’ll find the charts delivering insights into the following:
- Better trained doctors prescribe fewer opioids.
- Male and female jobs nowadays and since the middle of the 20th century.
- The English Premier League is wealthy in money but mediocre in football.
- Enterprise BI platforms with majority cloud and on-premises deployments.
- Categories: Data Visualization Weekly
- No Comments »