billboard.js 1.3.0 is released today!!✨

What’s new?

2 new area range types

Area-range is the new type to visualize each data in conjunction with the high and low value.

new area-line-range chart
// as Array
["data1",
[120, 70, 0], // in the order of: high / mid / low
[175, 130, 115],
[180, 135, 120],
[155, 120, 110],
[200, 150, 130],
[229, 160, 125]
],

// as Object
['data1',
{high: 195, low: 125, mid: 150},
{high: 200, mid: 190, low: 150},
{high: 230, mid: 215, low: 200},
{high: 210, mid: 200, low: 180},
{high: 220, mid: 210, low: 190},
{high: 200, mid: 180, low: 160}
]
bb.generate({
data: {
columns: [
["data1", 30, 200, 100, 400, 150, 250],
["data2",
[120, 70, 0],
[175, 130, 115],
[180, 135, 120],
[155, 120, 110],
[200, 150, 130],
[229, 160, 125]
]
],
types: {
data2: "area-line-range"
}
}
})

pie.padding

Padding lets give ‘padding’ between the data.

Pie’s padAngle(left) & padding(right)
pie: {
padAngle: 0.1,
padding: 20
},

pie.innerRadius

Donut type can be defined as modified version of pie with big inner circle.

Pie’s innerRadius
pie: {
innerRadius: 20
},

legend.usePoint

On the last release, we introduced ‘Customized data points’. It was really nice feature which let create a customized data points.

Display custom data points on legend
legend: {
usePoint: true
},

axis.x.tick.tooltip

This is a small feature, which let show system tooltip for x Axis tick texts. It only works for desktop environment.

System tooltip on x tick texts
axis: {
x: {
tick: {
tooltip: true
}
}
},

bb.instance

Another small feature added is bb.instance. It returns an array value containg the created instances within a page.

// generate charts
var chart1 = bb.generate(...);
var chart2 = bb.generate(...);
bb.instance; // [ chart1, chart2, ... ]

Improved the test coverage!

What’re the biggest decision making to opt using open source?

Test coverage histogram from coveralls.io

Current status

Downloads

Every week 700+ downloads happens. This means on average 100 downloads every day. Wow!!

Downloads stats from npm-stat.com from the last release (15th, Dec. 2017)

Projects

There’re appearance of projects based on billboard.js.

https://kantord.github.io/just-dashboard/

StackOverflow

Did you know that? It was added ‘billboard.js’ tag on StackOverflow!

Requests for help

Contributors!

On this 1.3.0 release was made by with the efforts from these contributors!

What’s next?

Of course, we’ll continuing our journey. The next release will be expected to be June.

  • Support on coming d3.js v5
  • new chart types

--

--

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