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

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

What’s New?

From this release, some of inline css properties are removed to be set.

Why contain?
Mainly because inline css props interfering user’s style definition to be applied. Before the v3.1, to overwrite inline css props, needed to specify !important rule on each of affected props.

This worked fine in some extent, but is a tedious and unnecessary.

To improve this, removed those inlined css props where the default behaves same way. The affected list of properties are:


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

TL;DR

  • the major version changes is mainly to support for D3.js v6
  • new candlestick(OHLC) type support
  • .export() API enhancements
  • new subchart APIs

D3.js v6 Support

D3.js major release v6 came out August of 2020, with some breaking changes.

We were working for the adoption and heard feedbacks from the community.
https://github.com/naver/billboard.js/issues/1641

After some months of works, we could achieve the goal to support D3.js v6!

The main reason for major version changes of 2.x → v3 is due to the changes of D3.js, …


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?

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";
}
}
}
Line breaks for data label texts

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?

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

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?

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?

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?

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

Bubble size tied with Y Axis value

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.

Top languages over time used on GitHub

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?

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

Demo screenshot of Stanford Diagram

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

Jae Sung Park

Front-end engineer at NAVER, creator of billboard.js

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store