basic-bar-chart

_.md

[ Launch: basic-bar-chart ] 83e984b8563791007f56 by ptvans
[ Launch: test ] 4653053 by enjalot
[ Launch: test ] 4652017 by enjalot
[ Launch: test ] 4582399 by enjalot

config.json

{"description":"basic-bar-chart","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"data.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"styles.css":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"tab":"edit","display_percent":0.7,"thumbnail":"http://i.imgur.com/Z4ghHZY.png","fullscreen":false,"ajax-caching":true}

data.json

[
{"name": "apple", "count": 32},
{"name": "banana", "count": 15},
{"name": "orange", "count": 2},
{"name": "plum", "count": 3}
]

inlet.js

var svg = d3.select("svg")
var bw = 10
var data = tributary.data

console.log(data)

var unitscale = d3.scale.linear()
	.domain([0,50])
	.range([10,200])

svg.selectAll("rect")
.data(data)
.enter()
.append("rect")
.attr({
  width: bw,
  height: function(d) {return unitscale(d.count)},
  x: 142,
  y: 22,
  fill: "#3BA360"
});

styles.css

{}