Archive for the Charts and Art

How to Create Stunning Interactive Bar Charts Using JavaScript — Tutorial April 3rd, 2019 by Alfrick Opidi

Tutorial on creating stunning interactive bar charts using JavaScriptWeb developer Alfrick Opidi shows how to create beautiful interactive bar charts using JavaScript (HTML5), taking the AnyChart JS charting library as an example along the tutorial.

Read the tutorial »

Stacked Column Charts with Images — Challenge AnyChart! January 23rd, 2019 by Irina Maximova

Images in Stacked Column Charts Series explained in Challenge AnyChart!We are ready to share a new advanced JS (HTML5) data visualization tutorial. Tasks we get from our customers are always interesting, and the Challenge AnyChart! series on our blog proved to be a great way to show you some of the most compelling ones and explain how to solve them, demonstrating the power and flexibility of our JavaScript charts library. Today’s challenge is about adding images to stacked column charts using AnyChart.

Read more »

Custom WiFi Polar Chart in JavaScript — Challenge AnyChart! January 2nd, 2019 by Irina Maximova

Custom WiFi Polar Chart in JavaScript — Challenge AnyChart!Solving challenges is a thing that the AnyChart team can’t live without, and we willingly continue to share some of the most interesting customer cases within the framework of Challenge AnyChart! on our blog. This feature gives us a great chance to help customers with similar tasks and demonstrate the unlimited data visualization capabilities of our JavaScript charting library time after time. The challenge being solved along today’s tutorial is about building a beautiful WiFi polar chart — a custom interactive JS (HTML5) polar chart that displays devices depending on the WiFi signal strength.

Read more »

What Is Data Visualization? Definition, History, and Examples November 20th, 2018 by Jay Stevenson

Data Visualization 101: What is data visualization? Definition, history, and examplesData visualization is the practice of converting data from raw figures into a graphical representation such as graphs, maps, charts, and complex dashboards. Let’s see what makes it important (meaning), how it has developed (history), and exactly how it can work in real life (examples). Join us on Data Visualization 101, an introduction to dataviz and its power.

Read more »

Current Price Indicator with Custom Value and Scale Calculation in JavaScript Stock Charts — Challenge AnyChart! September 19th, 2018 by Irina Maximova

Current Price Indicator with Custom Value and Scale Calculation in JavaScript Stock Charts — Challenge AnyChart!Further inspired by noteworthy questions our Support Team receives from customers, we resume the Challenge AnyChart! feature, demonstrating huge flexibility of our JavaScript (HTML5) charting libraries and explaining how exactly you can solve advanced data visualization tasks with the help of AnyChart. Today’s tutorial is about JS stock charts, and more precisely, we’ll dive into how to draw the Current Price Indicator with a custom value and make it visible even when zooming and scrolling, by utilizing Axis Markers.

Read more »

Creating Half Polar Chart with JavaScript — Challenge AnyChart! May 2nd, 2018 by Irina Maximova

Half Polar Chart — Challenge AnyChart!
Challenges are always fun, and we at AnyChart adore taking them up from our customers. AnyChart Support Team is happy to show how flexible AnyChart JS Charts are. Today’s tutorial is about JS polar charts. Spend about 5 minutes and you’ll find out how to draw a beautiful polar chart, but display only its one half, making it a half polar chart.

Read more »

Custom Technical Indicators in JavaScript Stock Charts — Challenge AnyChart! March 14th, 2018 by Irina Maximova

Custom Technical Indicators in JavaScript Stock Charts — Challenge AnyChart!
It is a pleasure to present a new Challenge AnyChart article! We love our customers and their original tasks, so we continue to show the unlimited capabilities of our JavaScript charting libraries to the blog readers.

The heroes of today’s tutorial are custom technical indicators. Below we’ll explore how to add them to a JS (HTML5) stock chart step by step. So, let’s begin.

Read more »

Conditional Custom Drawing in JavaScript Charts — Challenge AnyChart! December 13th, 2017 by Vitaly Radionov

Conditional Custom Drawing in JavaScript Charts — Challenge AnyChart!The time has come for a new Challenge AnyChart! article! We continue to receive interesting data visualization tasks from our wonderful customers and are happy to share with our blog readers how to solve some of the most inspiring ones with the help of our JavaScript charting libraries.

In today’s tutorial, let’s dig into custom drawing and create an interactive HTML5 line chart of which the segments with negative values are painted with a different color than the rest of the graph.

Read more »

How to Add Multi-level Category Axis — Challenge AnyChart! November 29th, 2017 by Vitaly Radionov

Multi-level Category Axis — Challenge AnyChart!We are glad to present to you a new article in the Challenge AnyChart! series.

Just to remind you, these are articles inspired by your requests to our Support Team and our will to publicly prove that the opportunities of interactive data visualization with our JavaScript (HTML5) charting libraries are profound.

One of our customers asked us how to add a multi-level category axis for categorical data and display subcategories. Ok, there you go! We’ve made a quick tutorial and created the corresponding JavaScript chart example (you can already see it in the title picture).

Read more »

Advanced Visualization of Spot in JS Polar Charts — Challenge AnyChart! October 27th, 2017 by Vitaly Radionov

Advanced Visualization of Spot in JS Polar Charts — Challenge AnyChart!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.

Read more »

Archive
Categories