Skip to content

Instantly share code, notes, and snippets.

@judyyzhang
Created March 13, 2016 21:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save judyyzhang/41c811c603360c27d0ae to your computer and use it in GitHub Desktop.
Save judyyzhang/41c811c603360c27d0ae to your computer and use it in GitHub Desktop.
Counter
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<style>
body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
svg { width:100%; height: 100% }
</style>
</head>
<body>
<script>
// Feel free to change or delete any of the code you see!
var svg = d3.select("body").append("svg")
d3.csv("https://numeracy.co/projects/382368K6Bkx/data?format=csv", function(err,data){
console.log("data:", data)
var counted=[];
data.forEach(function(d){
if(d.age != "unknown"){
}
})
var maxAge=d3.max(data, function(d){
return d.age
})
var circles=svg.selectAll("circle").data(data)
circles.enter()
.append("circle")
.attr({
cx: function(d,i){
return i=25
},
cy:200,
x:10
})
.on("click", function(d){
console.log("clicked",d)
})
})
console.log("you are now rocking with d3", d3);
console.log("you are now rocking with d3", d3);
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment