How to create Bubble chart in C3.js

Question

I am trying to create a Bubble chart using C3js chart. I've selected chart type as 'scatter'. Is there any way can join the bubbles in below format

Answer 1

There is an undocumented C3.js extension for bubble chart:

https://github.com/c3js/c3/blob/master/extensions/chart-bubble/

Which introduce the bubble type.

Here is a fiddle: http://jsfiddle.net/beaver71/do2kLLjp/

Probably other chart library are preferably for this chart type:

• chart.js: http://www.chartjs.org/samples/latest/scriptable/bubble.html
• highcarts: https://www.highcharts.com/demo/bubble