d3-responsive-barchart v7.1.2

D3 RESPONSIVE BAR CHART

D3 Responsive Bar Chart rendering for reusability purpose.

Installation

  npm install d3-responsive-barchart

Dependencies

  npm install d3

Options/Config

Following options are available:

Usage/Examples

HTML

<div id="barChartPlaceholder" class=""></div>

JS

const config = {
          width: 363,
          height: 100,
          data: [
          {
            "x": "Bosnia and Herzegovina",
            "y": 20,
            "units": "%"
          },
          {
            "x": "India",
            "y": 78,
            "units": "%"
          },
          {
            "x": "China",
            "y": 64,
            "units": "%"
          }]
        };
renderBarChart("#barChartPlaceholder", config)