index.html
<!doctype html>
<meta charset="utf-8">
<script src="//www.d3plus.org/js/d3.js"></script>
<script src="//www.d3plus.org/js/d3plus.js"></script>
<h1>PoblaciĆ³n nacida en el extranjero [1869..2010]</h1>
<div id="viz"></div>
<script>
var inmigrantes = [
{"year":1869,"%":12.1,"name":"inmigrantes"},
{"year":1895,"%":25.4,"name":"inmigrantes"},
{"year":1914,"%":29.9,"name":"inmigrantes"},
{"year":1947,"%":15.3,"name":"inmigrantes"},
{"year":1960,"%":13.0,"name":"inmigrantes"},
{"year":1970,"%":9.5,"name":"inmigrantes"},
{"year":1980,"%":6.8,"name":"inmigrantes"},
{"year":1991,"%":5.0,"name":"inmigrantes"},
{"year":2001,"%":4.2,"name":"inmigrantes"},
{"year":2010,"%":4.5,"name":"inmigrantes"}
];
var visualization = d3plus.viz()
.container("#viz")
.data(inmigrantes)
.type("line")
.id("name")
.text("name")
.y("%")
.x("year")
.draw()
</script>