This release comes with 7 new features added & 18 bug fixes.

For the detailed release info, please checkout the release note:
https://github.com/naver/billboard.js/releases/tag/2.2.0

What’s New?

Multiline support for data.label

Another enhancement was added for data label text display. Sometimes is irritating when needs text breaks for SVG text elements.

From this release, when the result text includes \n returned from “data.labels.format” callback, will line break.

Demo: https://naver.github.io/billboard.js/demo/#Data.DataLabelMultiline

data: {
    labels: {
        format: function(v, id ,i, j) {
            return v > 0 ?
                "Ipsum is simply dummy text" :
                "Lorem Ipsum is simply dummy text";
        }
    }
}

Callback for data.labels.colors

data.labels.colors option now accepts a callback. For arguments, will…

This release comes with 6 new features added & 12 bug fixes.

For the detailed release info, please checkout the release note:
https://github.com/naver/billboard.js/releases/tag/2.1.0

What’s New?

Interaction improvement

The root cause of performance bottleneck

Previously for each dataset based on x Axis, an event receiver node <rect class=' bb-event-rect'> is generated to handle user's event.

But when needs to render big amount of dataset, this is the main root cause of performance bottleneck.

Aside of the node length, each <rect> nodes got updated(positions and sizes) on every resize to make handle user’s event correctly.

So, getting rid these event handling approach, will definitely make a…

After the several months of work, proud to announce a long waited major update came out today!

For the detailed info, please checkout the v2 changelog:
https://github.com/naver/billboard.js/wiki/CHANGELOG-v2

# install the v2
npm install billboard.js

TL;DR

• Moved the code base to TypeScript
• Restructured whole file system & class architecture
• Smaller build size & run faster
• Maintained backward compatibility.

Major internal changes

We decided to move whole codebase to TypeScript to make more easier for contributors to access and understand codes.

And also re-architecture were applied from the ground to facilitate the maintenance of the library.

https://github.com/naver/billboard.js/wiki/CHANGELOG-v2#updates-on-private-state-variables

Yay! smaller build size & performance improvements

1) Bundle size

Reducing delivery size is a strong key to improve…

Really excited to share the first new release of 2020! 🎉🎊

This release comes with 12 new features added & 19 bug fixes.

For the detailed release info, please checkout the release note:
https://github.com/naver/billboard.js/releases/tag/1.12.0

What’s New?

Multi type gauge

Demo: https://naver.github.io/billboard.js/demo/#GaugeChartOptions.GaugeTypeMulti

Prior this update, Gauge only could be represented as single level gauge or stack data similar as Pie.

This release comes with 7 new features added & 14 bug fixes.

For the detailed release info, please checkout the release note:
https://github.com/naver/billboard.js/releases/tag/1.11.0

What’s New?

Lazy Rendering

The lazy rendering functionality make render lazily when chart bind element visibility is hidden. And when element turn to be visible, automatically renders the chart.

Demo: https://naver.github.io/billboard.js/demo/#ChartOptions.LazyRender

Imagine constructing a hidden element at the initialization on your page for different purpose like ‘Tab based UI’. And when user clicks/tap the ‘tab’, it changes its visibility state and that’s the time to make displaying chart.

Let’s see an example in action. The chart element is hidden, but when…

This release comes with 4 new features added & 9 bug fixes.

For the detailed release info, please checkout the release note:
https://github.com/naver/billboard.js/releases/tag/1.10.0

What’s New?

Bubble dimension

The ‘bubble’ visualizes the amount by its dimension. Normally attached with the axes, displaying bigger bubble when it goes from bottom to the top.

It’s okay visualize data based on axes value, but what about if the dimension itself to represent a ‘third’ data?

Here is an example.

• x Axis: represent GDP per capita
• y Axis: represent Life expectancy
• Bubble’s dimension: the total GDP by region.

JavaScript continues its popularity, which isn’t necessary to mention it anymore

JavaScript has been the most commonly used language in GitHub over the years, as shown in the graph in GitHub’s report, Octoverse. Also Stack Overflow’s recent survey, “Developer Survey Results 2019”, JavaScript was named as the most popular technology.

In particular, ECMAScript 2015 and subsequent ECMAScript specifications seem to be accepted by many developers without much resistance.

It’s been for a while and is the time to release the new 1.9 release.
This release comes with 12 new features added & 14 bug fixes.

For the detailed release info, please checkout the release note:
https://github.com/naver/billboard.js/releases/tag/1.9.0

What’s new?

Introducing Plugins: Stanford Diagram

Plugin was a long waited feature, but to be implemented it needed to establish ‘plugin’ interface first.

The initiative of this was triggered by github/@FreezinG117, who contributed the new ‘Stanford Diagram’ type.

Demo: https://naver.github.io/billboard.js/demo/#Plugins.StanfordDiagram

Stanford Diagram is:
Integrity-Availability-Accuracy 2D histogram based on Satellite Based Augmentation Systems(SBAS). …