ZoomCharts JavaScript Charts: Best New Features of 2022

Dec 22, 2022

This article is a brief overview of the brand-new features that we added to ZoomCharts JavaScript Charts in 2022, and a rundown of the most exciting additions that you can expect over the course of 2023. If you are interested in an even deeper dive, watch the recording of the webinar “2022 update and 2023 roadmap”!

Table of Contents

About ZoomCharts JavaScript Charts

ZoomCharts JavaScript Charts is a family of powerful data visualization tools for web developers. It contains five versatile packages – Pie Chart, Facet Chart, Time Chart, Net Chart, and Geo Chart. These visuals are designed to provide intuitive user experience and actionable insights for everyone.

Experience smooth and touch-friendly user interface that makes filtering, drilling down and other on-chart interactions a joy. These charts are optimized to deliver smooth 60 frames per second experience that are just as great to navigate on touch devices as they are with mouse and keyboard.

2022 Additions to ZoomCharts JavaScript Charts

This was a big year for ZoomCharts JavaScript Charts. Over the course of 2022, we introduced several exciting and much-requested features to all our charts. We also gave the first public glimpse at Net Chart v2, with the full release coming out next year. Here’s a brief overview of the most significant additions!

Conditional Formatting

With conditional formatting, you can apply certain formatting rules depending on your predefined criteria. You can use this feature in Time Chart and Facet Chart visuals, and it adds a way to enhance your data storytelling capabilities without much effort.

One of the most prominent ways to use it is by adding color and gradient formatting rules to columns, lines, or areas in correlation with the value. For example, on a financial timeline chart you can automatically mark the periods which exceeded your KPIs green, but those that fell below it red. Or, if you’re creating a weather chart, you can create a gradient that gets progressively bluer as the temperature gets colder, or, conversely, redder as it gets hotter.

Conditional Formatting in ZoomCharts JavaScript Charts SDK

There are various other settings that conditional formatting can affect. For example, you can make tooltip labels change their colors in accordance with the values on the chart; moreover, shadows can be applied to those dynamically colored tooltip labels for better color separation. Furthermore, conditional formatting can adjust the size of the value markers. For example, you can make it so the larger values have larger markers accordingly to call attention to them.

Conditional formatting for tooltip labels in JavaScript charts

Conditional formatting is a massive time-saver, allowing you to increase the saliency of your charts and enhance data storytelling capabilities with just a few lines of code. We encourage you to play around and find out how you can use this handy feature in your charts – the rest is up to you and your creativity!

Threshold Value Function

Another useful addition that you can use for your data visualizations in Time Chart and Facet Chart is the brand-new thresholds value function feature. With it, you can configure threshold value labels more dynamically, and apply custom formatting to better satisfy your reporting needs.

Threshold value function in JavaScript chart SDK

New Data Aggregation Features

Custom aggregation functions give you control of how your data is aggregated at every level and time range. A TimeChart could show a city's average temperature at the months level, but at the days level, it could show the midday temperature someone would actually experience on that day. This way you can always see the most relevant view of your data even when what's relevant depends on the current time unit or time range.

Time Chart Scroll Buttons

One much-requested quality-of-life addition that will make the navigation easier is the scroll buttons feature on Time Chart. Previously, if you wanted to navigate the timeline, you had to drag your mouse cursor or finger horizontally. Now developers have the option to add convenient navigation buttons that will scroll the timeline in previously defined increments.

Scroll Buttons on JavaScript Time Chart

Word Wrap for Legends

Another feature we’ve introduced is word wrap for legends. Before, if your chart legends were URLs or simply very long words, the default behavior was either shortening them with an ellipsis or overflowing them out of bounds. With word wrap, even the most supercalifragilisticexpialidocious words will be automatically separated and carried over to the next line.

Word Wrapping in JavaScript charts

Swimlane Layout in Net Chart

We have introduced various useful features in Net Chart during 2022. Along with performance improvements, they are available to Net Chart v1 users. One of them is the brand new swimlane layout, which enables you to snap your nodes in a grid layout. This allows developers to create rigid and organized network charts that improve visual clarity.

Net Chart Swimlane layout

New Link Types in Net Chart

We have also added new link types to the Net Chart package. In addition to the default straight lines, you will also have the choice of curved and orthogonal links. Curved links do exactly just that – they curve, so when you have multiple links with similar paths, they don’t overlap with each other. Orthogonal links, however, bend at right angles along the way from source to the destination. You can see all three link types in the screenshot above.

Net Chart v2 Public Beta

We are releasing Net Chart v2 in 2023. The beta is already available to the developers, and you can contact our support team if you want to get your hands on the latest preview release. Here are the most important things coming with v2.

WebGL

We aim to have all our visuals run at a smooth 60fps framerate, and that’s something that we have achieved in most cases. However, due to the complex nature of graph charts, especially ones that feature thousands of nodes and/or links, the current framework does not allow for consistent performance when displaying intricate networks with tens of thousands of nodes.

Net Chart v2 introduces WebGL, which enables GPU-accelerated rendering. This is a crucial step towards performance, giving you the option to smoothly render detailed and sophisticated network graphs that feature thousands upon thousands of nodes.

GPU acceleration also paves the way for brand new interactivity features and visual special effects so your users can get completely immersed in the data exploration process. Speaking of immersion, the new rendering API also unlocks new future potential, and we are researching the use of VR and AR for data exploration.

It’s hard to understate the performance improvements that WebGL will bring, allowing you to handle even the most extreme data visualization challenges with ease. We’re excited to see what developers will do with Net Chart v2!

Lasso Selection

For this feature, we took inspiration from graphics editors, because the lasso tool is an intelligent idea that combines intuitiveness and ease-of-use with incredibly precise controls. With lasso selection, users will be able to select multiple nodes or node clusters.

Furthermore, you can save selections and customize the outline or fill color and opacity, and other options for each selection, and name the saved shapes. The default behavior for the lasso tool is simply clicking and starting a selection, but you’ll be able to assign any activity for this interaction.

Lasso Selection Tool in Net Chart v2

Easy Migration

We’ve made the process of migrating your data from Net Chart v1 to v2 quick and effortless. The APIs are entirely compatible, which means that the brand-new version will work with your existing data with little to no changes. You’ll be able to enjoy all the benefits of v2 immediately after the release, without any hassle or frustration.

What’s Coming in 2023?

In the webinar, our lead developer shared the team’s goals for the future. We always look forward to improving our JavaScript Charts and being on the cutting edge of data visualization, and the coming year has many exciting things in store for ZoomCharts users. Here’s a brief rundown.

The Future of Net Chart

The switch to WebGL and WebWorkers is just the beginning. It’s given our team so many new possibilities to push Net Chart v2 even further, and you can expect many new layout options, visual effects and brand-new features in future updates.

More Data Sorting and Aggregation Options

We’re looking at various new ways you can work with your data, including polynomial regression, automatic trendline plotting, and more.

Cloud Accelerator

We’re planning to implement cloud acceleration for complex graph layout computation acceleration, which will allow you to reduce server costs. This will also allow you to use both GPU and CPU for rendering at the same time.

New Chart Variations

We’re always on the lookout for brand new ways to visualize your data, and for 2023, we’re planning to make new additions to the ZoomCharts JavaScript Charts family. We’ll start with scatterplot and bubble chart visualizations, with more on the way.

Conclusion

These are the features that are either already available in ZoomCharts JavaScript Charts or coming in the near future. Get the latest version of this SDK in the Downloads page. If you don’t have an account yet or need to extend your free trial, get in touch with as!

 

Subscribe to news

Subscribe to our newsletter and be among the first ones to receive updates about latest developments, releases and other useful information that will help you get the most of our visuals.

Online Examples

See various ZoomCharts exmaples in our online examples gallery. Each of examples has sample source code exposed.

See ZoomCharts examples

ZoomCharts Pricing

ZoomCharts licensing is transparent and simple, yet widely configurable to fit your company's needs and budget.

See pricing

ZoomCharts JavaScript Charts: Best New Features of 2022

2022 was a big year for data visualization, and it was an even bigger year for ZoomCharts JavaScript Charts. We implemented many useful and much-requested features such as conditional formatting, new data aggregation options, and more. We’re even more excited to share the upcoming features that you can expect in 2023. Read all about them!

Read More

Dec 22, 2022

Analyze your Google Sheets data with ZoomCharts Spreadsheet Analytics

ZoomCharts Spreadsheet Analytics is a tool that allows you to receive an instant interactive report out of your spreadsheet data just by browsing that... Read More

Jan 05, 2017

Turn your spreadsheets into interactive reports in seconds

We introduce Spreadsheet Analytics. That means there is a new way to visualize and explore your spreadsheet data. Spreadsheet Analytics is an application build... Read More

Nov 09, 2016

Data Visualization for Cyber Security

Big Data is no longer the hype that it used to be till a couple of years back. It’s a reality now – the data revolution is already here. The web has... Read More

Feb 09, 2016

Data Visualisation for Online Banking

How do you feel when you are presented with a large volume of unexciting data which can actually take hours to extract any meaningful insight? To be more... Read More

Feb 02, 2016

Ho Ho Holiday Special Offer from ZoomCharts

The ZoomCharts team wishes you happy holidays and a very special New Year! To make the most out of the next year, we've came up with a special holiday deal for... Read More

Dec 15, 2015

Approaching Businesses at Data Visualisation Summit in London

When Data Visualisation Summit announced its slogan “Telling your story with data”, we knew the ZoomCharts team had to exhibit there, so on November 11-12... Read More

Dec 10, 2015

Exhibiting at TechCrunch Disrupt in London

Another great chance to put us on the radar of potential customers! We're exhibiting at TechCrunch Disrupt in London on December 7-8. TechCrunch Disrupt is... Read More

Dec 04, 2015

Starting Big at Web Summit 2015 in Dublin

The ZoomCharts team had an opportunity to attend Web Summit 2015 on November 3-5 in Dublin, one of the largest technology conferences in the world. The... Read More

Dec 04, 2015

TypeRacer Fans Can Now Compare and Visualize Their Scores

Are you a fan of TypeRacer.com? Want to see the big picture of your typing progress since the beginnings? Compare your performance with the scores of your... Read More

Nov 25, 2015

Meet Us at Data Visualisation Summit in London

To help you get more out of ZoomCharts, we'd love to meet you in person and show you our newest features. As our team is going to London on November 10-13,... Read More

Oct 28, 2015

Battling for Best Startup Title at Web Summit in Dublin

Proud to announce ZoomCharts has been shortlisted for the Web Summit BETA pitch! We'll be battling in front of the world’s leading investors, media and... Read More

Oct 28, 2015

ZoomCharts Receives Rising Star Title

Awesome news! On October 22nd, ZoomCharts received the “Rising Star” title and was named as one of Latvia's best new exporting brands. “Rising... Read More

Oct 28, 2015

ZoomCharts v1.9 - Setting Milestones

ZoomCharts v1.9 is now available! ZoomCharts has always been a niche leader but now our multi-touch support has got even better! See the new features in a... Read More

Oct 13, 2015

Your Powerpoint presentations will come alive with ZoomCharts!

With almost every presentation we create, we face a fundamental challenge – how to display and present huge amount of data without losing audience interest... Read More

Aug 25, 2015

ZoomCharts Experience: Episode 4, Performance

ZoomCharts HTML5 charts are built with a particular focus on mobile users. Fluid animations, speedy rendering, multitouch support, Big Data readiness are just... Read More

Aug 05, 2015

ZoomCharts Experience: Episode 3, Date Picker

Exploring the intricate details of your big data sets can be frustrating when your tools do not provide you with the functionality you require to go deeper... Read More

May 21, 2015

Happy Easter from ZoomCharts!

From the entire ZoomCharts team, we’d like to wish everyone a safe and happy Easter, whether your plans consist of a large consumption of food, chocolate,... Read More

Apr 01, 2015

ZoomCharts Experience: Episode 1, Swipe & Pinch

This is the first installment in the new ZoomCharts Experience video series. These video shorts will continue on a regular basis to offer a fun, fast, and... Read More

Mar 26, 2015

ZoomCharts at TechHub Riga Meetup: March 12, 2015

ZoomCharts is very excited to be part of the TechHub Rīga Meetup on March 12, 2015, taking place at Kaļķu street 12/14, Rīga, LV-1050, Latvia.... Read More

Feb 27, 2015

ZoomCharts Featured on Japanese Website nikkei BPnet

ZoomCharts is proud to have been named among the best data visualization providers by Japanese technology website, nikkei BPnet. One of ZoomCharts’... Read More

Feb 27, 2015