Skip to content

Instantly share code, notes, and snippets.

@ptvans
Last active August 29, 2015 14:10
Show Gist options
  • Save ptvans/83e984b8563791007f56 to your computer and use it in GitHub Desktop.
Save ptvans/83e984b8563791007f56 to your computer and use it in GitHub Desktop.
basic-bar-chart
{"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}
[
{"name": "apple", "count": 32},
{"name": "banana", "count": 15},
{"name": "orange", "count": 2},
{"name": "plum", "count": 3}
]
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"
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment