D3Plus bar chart

HTML

<script src="http://www.d3plus.org/js/d3.js"></script>
<script src="http://www.d3plus.org/js/d3plus.js"></script>
<div id="viz"></div>

JavaScript

var data = [
    {"year": 1, "name":"alpha", "value": -15},
    {"year": 1, "name":"beta",  "value": 10},
    {"year": 1, "name":"gamma", "value": 5},

    {"year": 2, "name":"alpha", "value": -20},
    {"year": 2, "name":"beta",  "value": 10},
    {"year": 2, "name":"gamma", "value": 10},

    {"year": 3, "name":"alpha", "value": -30},
    {"year": 3, "name":"beta",  "value": 15},
    {"year": 3, "name":"gamma", "value": 20},
  ]

  var visualization = d3plus.viz()
    .container("#viz")
    .data(data)
    .type("bar")
    .id("name")
    .x({"stacked": true,
        "value": "value",
       "grid": false})
    .y({"value": "year",
       "scale": "discrete",
       "grid": false})
    
    //.time("year")
    .draw()