Archive for the JavaScript

Creating Heat Map Chart Using JavaScript

February 26th, 2020 by Anastasia Zoumpliou

Creating Heat Map Chart Using JavaScript, a tutorial for web developers and data enthusiastsWant 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 »

AnyChart JS Charts 8.7.1 Is Ready for Download — Enjoy New Version!

January 28th, 2020 by AnyChart Team

AnyChart JS Charts 8.7.1 Is Ready for Download. Enjoy New Version!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!

AnyChart Recognized in Top 10 Business Intelligence and Analytics Companies of 2019

November 19th, 2019 by AnyChart Team

AnyChart Recognized in Top 10 Business Intelligence and Analytics Companies of 2019We are excited to announce that Analytics Insight, a magazine that covers big data and business intelligence developments, included AnyChart in The 10 Next Generation BI and Analytics Companies of 2019 — “for providing the most advanced solutions and playing a significant role in shaping the future of these disruptive technologies.”

The list has been made public in the just-released November issue of the magazine and is accompanied by the stories about each featured company. With permission of Analytics Insight, today we are republishing the magazine’s story about us on our blog — “AnyChart: Turning Data into Actionable Insights with Award-Winning Data Visualization Solutions.”

Read the story of AnyChart as it appeared on Analytics Insight »

Create Simple Gantt Chart Using JavaScript — Tutorial

September 4th, 2019 by Alfrick Opidi

Create Simple Gantt Chart Using JavaScript — Tutorial

Use a JavaScript library to create a Gantt chart and take your project management efforts to the next level.

Earlier this year, my team was looking for a project management tool that could assist us in charting the various tasks related to our app development project against some specific timelines. After doing some research, we finally settled on Gantt charts. However, some people think Gantts are complicated to create. Not true! Thanks to numerous JavaScript chart libraries, data visualization is now simple, flexible, and embeddable.

In our situation, we settled on AnyChart’s JS Charts library because of its ease of use, extensive documentation, flexible code playground for trying out stuff, and other powerful features.

In this tutorial, I’ll walk you through how to create a simple interactive Gantt chart using this data visualization library. Here’s what we’ll be making and you can get the entire code for creating such a Gantt chart at the end of the tutorial:

Gantt chart created along this JavaScript charting tutorial

Read the JS charting tutorial »

JavaScript Graph Visualization Libraries Updated — Check Out AnyChart 8.7.0 with New Awesome Features!

August 8th, 2019 by AnyChart Team

JavaScript Graph Visualization Libraries Updated - Check Out AnyChart 8.7.0 with New Awesome JS Charting Features!AnyChart 8.7.0 is out with a lot of new awesome data visualization features. Look what we’ve added to our JavaScript graph libraries in this major update.

»»» See What’s New in AnyChart 8.7.0! «««

Creating Treemap Chart Using JavaScript

August 1st, 2019 by Douglas "Bugggster" Baxter

Creating Treemap Chart Using JavaScript, a tutorial for web developers and data enthusiastsTreemap is a popular chart type for hierarchical data visualization. I’ll show you how to create a cool interactive treemap chart using JavaScript in four simple steps right now. Join me on this quick tutorial for front-end web developers and data viz enthusiasts to understand the core principles of the process. Basically, I am sure everyone at least a little familiar with coding in HTML5 will love the presented, easy way to make beautiful JavaScript treemap charts that are perfectly suitable to be embedded into any web page or app.

In honor of World Wide Web Day celebrated today, August 1, I will develop a JS treemap visualizing data about the number of worldwide internet users as of January 2019, by region, available on Statista.

Read the JS charting tutorial »

Create Cool Interactive Sankey Diagram Using JavaScript — Tutorial

June 13th, 2019 by Alfrick Opidi

Create Cool Interactive Sankey Diagram Using JavaScript — TutorialSankey diagrams are becoming more and more popular in data visualization tasks. So, it’s essential for front-end web developers to know how to create charts of this type. Actually, it is quite a simple and straightforward process, especially if you are using one of the good JavaScript charting libraries.

In my tutorial, I’ll show you how to create beautiful, intuitive, interactive JS (HTML5) Sankey diagrams with no fuss.

Read the JS charting tutorial »

JS Charts Library AnyChart Adds Timeline Chart and Network Graph in Version 8.6.0

May 15th, 2019 by AnyChart Team

AnyChart adds the Timeline Chart and Network Graph chart types to its JS charts library in version 8.6.0AnyChart 8.6.0 is out! Check out what new awesome interactive data visualization features we’ve added to our award-winning JS charts library!

First and foremost, two new chart types are now available out of the box — greet the main protagonists of the 8.6.0 release:

JavaScript Timeline Chart added to AnyChart JS Charts library
Timeline Chart in AnyChart JS Charts Library

Timeline Chart is used to display a set of events in chronological order. It is typically a graphic design showing a long bar labeled with dates paralleling it, and usually contemporaneous events. Look at interactive Timeline Chart examples in our gallery. Read AnyChart Docs to learn how to create a JS Timeline Chart using our library.
JavaScript Network Diagram added to AnyChart JS Charts library
Network Graph in AnyChart JS Charts Library

Network Graph, also Graph Chart, is a mathematical structure (graph) designed to show relationships between data points. This chart type visualizes how entities are interconnected with each other. Entities are displayed as nodes (points). Relationship between them (edges) are depicted as lines. Check out interactive Network Graph examples in our gallery. Read AnyChart docs to learn how to create a JS Network Graph using our library.

Then, the new major release AnyChart JS Charts 8.6.0 is bringing multiple other improvements, not to mention bug fixes.

Take a look into what’s new, by product:

Let us know if you have requests for new JS chart types or data visualization features. Contact our Support Team with all your tips and suggestions, and we’ll be happy to consider quickly delivering what you need. As always, you know.

Enjoy AnyChart 8.6.0!

How to Create JavaScript Word Cloud Chart — Tutorial for Web Developers

April 30th, 2019 by Irina Maximova

Tutorial on how to create a JavaScript word cloud chart and customize it, for front-end web developers
Wondering how to make a beautiful interactive Word Cloud using JS? Then you’re in the right place! In this data visualization tutorial, I’ll guide you through the entire development process, demonstrating it’s easier to create a JavaScript word cloud chart for an HTML5 app or web page than you might think!

Also known as tag clouds, word clouds represent a popular visual technique designed to reveal how often tags (or basically, any words) are mentioned in a given text body. Essentially, the word cloud chart type leverages diverse colors and sizes to display at a glance different levels of relative prominence.

Now that we’ve got an idea of what a word cloud is, let’s get down to learning how to quickly code one using JavaScript!

Read the JS charting tutorial »

How to Code JS Column Chart with Multi-Level X-Axis — Challenge AnyChart!

April 17th, 2019 by Irina Maximova

How to code an interactive JS column chart with a wulti-level X-axis using the AnyChart JavaScript charting library, in the Challenge AnyChart! blog featureWe continue to update the Challenge AnyChart! section of our blog with new data visualization tutorials. They nicely demonstrate how powerful our JavaScript charting library is, which our Support Team is always eager to prove to everyone. In one of the first challenges, we already told you how to create a JS chart with nested axes. Since our customers keep showing interest in such forms of data presentation, now we’ll show you how to build another interesting chart with a different appearance but quite similar code — an interactive JS column chart with a multi-level X-axis.

Read more »

Categories
Archive