D3 Examples - Diverging Stacked Bar Chart

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Diverging StackedBar Chart</title>
    <script src="https://d3js.org/d3.v3.min.js"></script>
    <link href="style.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="main.js"></script>
</head>
​
<body>
  <div id="chart"> </div>
​
<script>
  var inputData = [
    {label:"Category 1",value:25},
    {label:"Category 2",value:12},
    {label:"Category 3",value:35},
    {label:"Category 4",value:30},
    {label:"Category 5",value:18}];
​
  var colorScheme = ["#E57373","#BA68C8","#7986CB","#A1887F","#90A4AE","#AED581","#9575CD","#FF8A65","#4DB6AC","#FFF176","#64d1f6","#00E676"];
​
renderBarChart(inputData,"#chart","Values", colorScheme)
//      .width()
//      .height()
//      .variable('value')
//      .category('parameter');
  
//  d3.csv('samples.csv', function(error, data) {
//    if (error) throw error;
//    d3.select('#chart')
//      .datum(data) // bind data to the div
//      .call(bar); // draw chart in div
//  });
 
</script>
  
</body>
</html>
    