billboard.js 2.1.0 release: Another big step for performance improvement & more!

What’s New?

Interaction improvement

v2 generate multiple event <rect> elements (Left) / v2.1 generate a single event <rect> element (Right)
v2 (Left) / v2.1 (Right)
v2 (Left) / v2.1 (Right)

New Theme: datalab

Color patterns used for new ‘datalab’ theme
Combination chart with ‘datalab’ theme


axis: {
x | y | y2: {
type: "category" | "indexed" | "log" | "timeseries"

log scale to handle 0(zero) value

y Axis tick number starting from 0(zero).


area: {
front: true | false
  • area.front=true (default):
    <g class='bb-lines'><g class='bb-areas'><g class='bb-circles'>
  • area.front=false
    <g class='bb-areas'><g class='bb-lines'><g class='bb-circles'>
.bb-area {opacity: 1;}
.bb-line {stroke: red !important;}
.bb-circle {
stroke: #000 !important;
fill: #000 !important;
area.font=true (Left) / area.front=false (Right)

Plugin class for JS/TS

import Plugin from "billboard.js/src/plugin/Plugin.js";

What’s Next?




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

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How to configure & run Jest tests with a specific timezone?

React Class Components vs Functional Components

How to Integrate Stripe Payment Gateway with Node.js and Express

// from Twitter

Josh clothes customer care number|9832336299//9832336299 Josh clothes customer care…

Simple MERN Todo

Building a Netflix-style card carousel in React Native

What is Javascript ?

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
Jae Sung Park

Jae Sung Park

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

More from Medium

Sharing Web UI Across Tableau’s Browser Client and Desktop Application

Visualize Data with GridDB and the WebAPI using React.js

billboard.js 3.4 release: new polar chart!

Neo4j with graphql end to end flow