Skip to content

Instantly share code, notes, and snippets.

@cmpolis

cmpolis/.block

Last active October 1, 2016 03:56
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 cmpolis/a19ad150a08c73d3c10193a396724933 to your computer and use it in GitHub Desktop.
Save cmpolis/a19ad150a08c73d3c10193a396724933 to your computer and use it in GitHub Desktop.
Download ZIP
badge (wip)
Raw
.block
license: mit
height: 1500
border: no
scrolling: yes
Raw
index.html
<!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>
var width = window.innerWidth || 960,
height = window.innerHeight || 500,
radius = 12,
diameter = radius * 2,
margin = 4,
points = d3.range((radius + margin),innerWidth,(diameter+margin))
.map(function(x) {
return { x: x,
y: -200 + (Math.random() * (height + 200)),
v: 0 };
});
var svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height);
var pointSel = svg.selectAll('circle')
.data(points).enter()
.append('circle')
.attr('r', radius)
.attr('cx', function(pt) { return pt.x; })
.attr('cy', function(pt) { return pt.y; })
.attr('fill', 'steelblue')
.attr('fill-opacity', 1);
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment