Bar Chart with Tooltip

The code


barChart
    .width(containerWidth)
    .height(300)
    .on('customMouseHover', tooltip.show)
    .on('customMouseMove', tooltip.update);
    .on('customMouseOut', tooltip.hide);

barContainer.datum(dataset).call(barChart);

tooltipContainer = d3.select('.bar-chart .metadata-group');
tooltipContainer.datum([]).call(tooltip);

Data Input

Check the data input schema of this chart.

Export Chart

Export this chart by pressing

Horizontal Bar Chart

The code


barChart
    .horizontal(true)
    .width(containerWidth)
    .height(300);

barContainer.datum(dataset).call(barChart);

Simple Bar Chart

The code


barChart
    .width(containerWidth)
    .height(300);

barContainer.datum(dataset).call(barChart);