DC Addons Bubble Chart

This dc.js addon provides a bubble cloud.

Demo

Installation

npm install dc-addons-bubble-chart --save
yarn add dc-addons-bubble-chart

Usage

import bubbleCloud from 'dc-addons-bubble-chart'
 
var chart = bubbleCloud('#chart');
 
// required options
chart
    .width(500)
    .height(500)
    .dimension(dimension)
    .group(group)
    .x(d3.scale.ordinal())
    .r(d3.scale.linear())
    .radiusValueAccessor(function(d) {
        return d.value;
    })
 
// optional options
chart
    valueAccessor(function(d) {
        return d.value;
    })
    .colorAccessor(function(d) {
        return d.value;
    })
    .label(function(d) {
        return d.key;
    })
    .renderLabel(true)
    .title(function(d) {
        return d.key + ': ' + d.value;
    })
    .renderTitle(true)