code-guild/code-guild/javascript/d3/loading.html at master · grantholly/code-guild · GitHub

Repository navigation

37 lines (32 loc) · 953 Bytes

<!DOCTYPE html>

<html>

</head>

<body>

d3.json("mydata.json", function(data) {

var canvas = d3.select("body").append(svg)

.attr("width", 500)

.attr("height", 500)

canvas.selectAll("rect")

.data(data)

.enter()

.append("rect")

.attr("width", function(d) { return d.age * 10; })

.attr("height", 48)

.attr("y", function(d, i) { return i * 50; })

.attr("fill", "blue")

canvas.selectAll("text")

.data(data)

.enter()

.append("text")

.attr("fill", "white")

.attr("y", function(d, i) { return i * 50 + 24; })

.text(function(d) { return d.name; });

})

</script>

</body>

</html>