Skip to content

Instantly share code, notes, and snippets.

@mbostock
Last active Aug 9, 2018
Embed
What would you like to do?
Bar Chart I
license: gpl-3.0
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.chart div {
font: 10px sans-serif;
background-color: steelblue;
text-align: right;
padding: 3px;
margin: 1px;
color: white;
}
</style>
<div class="chart"></div>
<script src="//d3js.org/d3.v3.min.js"></script>
<script>
var data = [4, 8, 15, 16, 23, 42];
var x = d3.scale.linear()
.domain([0, d3.max(data)])
.range([0, 420]);
d3.select(".chart")
.selectAll("div")
.data(data)
.enter().append("div")
.style("width", function(d) { return x(d) + "px"; })
.text(function(d) { return d; });
</script>
@jasonleonhard
Copy link

jasonleonhard commented Mar 21, 2017

scale.linear() has changed to scaleLinear()

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment