Skip to content

Instantly share code, notes, and snippets.

@EE2dev
Created February 17, 2019 13:36
Show Gist options
  • Save EE2dev/dc56d5b3b856a24ff27d0f37403f4760 to your computer and use it in GitHub Desktop.
Save EE2dev/dc56d5b3b856a24ff27d0f37403f4760 to your computer and use it in GitHub Desktop.
reading csv v4
license: mit
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<style>
body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
</style>
</head>
<body>
<script>
d3.csv("votiOne.csv", 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.Grade; })
.attr("height", 50)
.attr("y", function (d, i) { return i * 50; })
.attr("fill", "blue");
})
</script>
</body>
Name Grade
John 95
Jennifer 96
Hank 100
Christina 98
Paul 88
Amy 76
Raul 72
Samantha 70
Sean 68
Abby 90
Sally 85
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment