AnyChart News

Creating Calendar Charts with JavaScript

March 4th, 2024 by Nick Gogin

Calendar Charts in JavaScript (HTML5)Building an interactive calendar chart from scratch may initially seem daunting and time-consuming. However, I'm here to show you it's not only manageable but straightforward once you know the steps. Whether you're developing a scheduling application, tracking events, or looking to enhance your web page with a sleek calendar graphic, this tutorial is designed specifically for you. I'll guide you through the steps to create impressive interactive calendar charts using JavaScript, simplifying what may seem complex.

We'll delve into this process using a JavaScript charting library. As a support engineer at AnyChart, and with our JS library recently named best in data visualization, it was a natural choice to use our tool for this tutorial. What about the example data? Other tutorials! There's a treasure trove of JS charting tutorials on our blog, and it occurred to me that compiling these tutorials into a calendar chart would serve as a unique, engaging, and practical example for this guide.

Therefore, the calendar chart created by the end of this tutorial will offer a concise overview of all tutorials published on the AnyChart blog over the last four years, enabling you to quickly discover the ones that interest you the most. All aboard, fellow web developers and data enthusiasts!

Read the JS charting tutorial »

AnyChart Triumphs Again: Awarded Best in Data Analytics and Visualization in 2024

February 19th, 2024 by AnyChart Team

DEVIES Awards winner banner saying AnyChart was awarded Best in Data Analytics and Visualization in 2024We are delighted to announce that AnyChart has won the prestigious 2024 DEVIES Awards in the Data Analytics & Visualization category, marking our victory for the second consecutive year!

The award celebrates our JavaScript charting library, continuously acknowledged as the world’s leading data visualization solution for developers. As AnyChart JS forms the cornerstone of our broader product line, this recognition once again highlights the technological excellence and innovation inherent in our entire suite of offerings, including the extensions for Qlik Sense.

Read more »

Introducing Updates to Waterfall Charts for Qlik Sense

February 1st, 2024 by AnyChart Team

Introducing Updates to Waterfall Charts for Qlik SenseUnveiling the latest updates to our Waterfall Charts for Qlik Sense! In line with our commitment to empowering users to do more with Qlik, we’ve just added a set of new helpful features and improvements to our Waterfall Advanced and Waterfall Classic extensions. These enhancements are designed to further facilitate extracting valuable insights using stacked waterfall visualizations. Check out what’s in store!

Read more at qlik.anychart.com »

Qlik Webinar: Fewer Sheets, More Insights

January 30th, 2024 by AnyChart Team

Hey Qlikkies! Ever feel overwhelmed by complex datasets, endless sheets, and constant requests from business users? The solution is here — join our exclusive webinar on February 8th and meet the Decomposition Tree, a new rockstar chart in Qlik Sense that’s worth a dozen! Enabling users to slice and dice metrics as they please, this game-changing visualization unlocks root cause analysis and ad-hoc exploration of complex datasets on the spot.

Learn more and register »

Unwrapping Enhanced Interactivity for Calendar and Circle Packing Charts in AnyChart 8.12.0

December 7th, 2023 by AnyChart Team

AnyChart JS Charts 8.12.0 with Enhanced InteractivityAs the magic holiday season approaches, we’re thrilled to unwrap our latest gift of the year — AnyChart 8.12.0, the newest version of our powerful JavaScript charting library. Packed with various bug fixes and improvements, this release introduces a remarkable feature for Calendar and Circle Packing charts — interactivity events. Learn more about it and upgrade right now!

Read more »

How to Make Mekko Chart Using JavaScript

November 27th, 2023 by Awan Shrestha

Data visualization plays a pivotal role in comprehending complex information and conveying insights clearly. Among the diverse array of techniques, the Mekko chart stands out for its ability to vividly represent categorical data and illuminate relationships between categories and subcategories.

In this tutorial, we will delve into the world of Mekko charts. First, let’s take a moment to explore what they are and how they function. Then, we’ll get to the focal point, a step-by-step guide on how to quickly create a Mekko chart using JavaScript.

The data used for illustration is the U.S. car sales data for the top eight car brands in 2022. By the end of this tutorial, you will have crafted a cool interactive JS Mekko chart that graphically represents the respective proportions within this data by brand and by quarter.

So, ignite your data visualization engines, and let’s go!

Read the JS charting tutorial »

OHLC Chart: Understanding & Creating in JavaScript Step-by-Step

November 13th, 2023 by Awan Shrestha

OHLC Chart in JavaScriptUnearthing insights from vast datasets is an intricate blend of art and science. In the realm of financial analysis, a pivotal instrument for visually exploring complex data is the Open-High-Low-Close (OHLC) chart. This tutorial is your roadmap to swiftly crafting your OHLC chart using JavaScript, a step-by-step journey. We’ll harness S&P 500 data, and by the end of this article, you’ll possess the skills to orchestrate visual stock analysis adeptly.

Read the JS charting tutorial »

Building Waterfall Charts in JS

November 2nd, 2023 by Awan Shrestha

Waterfall Chart and How to Build it in JavaScriptData visualization is an essential tool for understanding complex data sets and effectively conveying insights. Among the various types of charts and graphs used for this purpose, the waterfall chart stands out as a powerful way to represent changes in financial data, such as revenue, expenses, and profits over a specific period.

In this tutorial, we'll explore how to create a waterfall chart using JavaScript. To illustrate the process, we'll use the example of an income statement for a company, in this case, Twitter Inc.’s latest (and last) one.

Whether it’s to analyze a company's financial performance, project budgets, or inventory fluctuations, this step-by-step guide will help you easily create a useful interactive JS-based waterfall chart.

Read the JS charting tutorial »

Nobel Laureates’ Countries, or Making Tag Cloud with JavaScript

October 3rd, 2023 by Awan Shrestha

Tag Cloud (Word Cloud) in JavaScriptThe Nobel Prize 2023 announcements are just around the corner, scheduled from October 2 to 9. Recently, I stumbled upon this news, sparking my interest in Nobel laureates and their countries of origin.

This curiosity led me to the comprehensive list of Nobel Prize winners on Britannica, which I transformed into an interactive tag cloud (or word cloud) using JavaScript, providing an elegant means to explore and uncover the countries with the highest number of Nobel laureates throughout history.

During this process, it dawned on me that this visualization could serve as an excellent illustrative example for a tutorial on creating interactive JS-based tag clouds. So, if you share my curiosity about Nobel laureates by country, you’re in for a treat right below! and if you’re eager to learn how I brought this tag cloud to life — and, therefore, how you can create your own — read on!

Read the JS charting tutorial »

How to Build Pie Charts with JavaScript

September 28th, 2023 by Shachee Swadia

Pie Chart in JavaScriptThe pie chart, a widely used chart type yet also a topic of debate here and there, has cemented its place in the realm of data visualization. When used appropriately, it provides an intuitive insight into the composition of data, with each slice of the pie representing a distinct component. In this tutorial, I’ll guide you through a straightforward path of creating interactive pie charts using JavaScript.

Every chart begins with data. To demonstrate the concepts in this tutorial, I decided to visualize the composition of the Indian Premier League (IPL) winnership over its 16-season history.

Whether you’re a novice or an experienced coder, get ready to immediately acquire the valuable skills of crafting visually appealing JS-based pie charts from scratch.

Read the JS charting tutorial »

Categories
Archive