billboard.js 3.3 release: Non-zero based bar, stacking bar radius & more!

What’s New?

Non-zero based bar support

data: {
columns: [
-100, 100, 200,
[-100, 0], // [start, end] range array
[0, 100],
[100, 200]
100, 300, 500,
[0, 100],
[100, 300],
[200, 500]
type: "bar"
Ranged bar

Stacking bar radius

Radius for stacking bars


data: {
columns: [
['data1', 4, null, 4],
['data2', null, 3, null],
['data3', 1, 4, 4]
bar: {
indices: {
removeNull: true

Left: keeping nullish index order / Right: removed nullish value

Remove padding

padding: false
Removed padding


axis: {
[x | y | y2]: {
tick: {
culling: {
max: 5,
lines: false // hide tick lines

Closing thoughts

Thanks contributors! 🙏👏




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

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

Recommended from Medium

Short Notes of Javascript’s Data Types: Numbers, Strings, Booleans, Functions and Objects

DataStores for Composi Components

Build a Serverless Leaderboard API At Edge using Cloudflare Workers and Redis

Character Literals in JavaScript — A Few Unused Ones as Well

add a new line in javascript

Signing a JWT in JMeter for load testing

// from Twitter

How to Handle Docker Secrets in Node.js

Super Simple Animations In React Native

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

billboard.js 3.4 release: new polar chart!

SvelteQuest V: Authentication

Svelte Slicer

How to Publish Your Website on AWS