Skip to content

Instantly share code, notes, and snippets.

@mbostock

mbostock/index.html Secret

Last active May 20, 2016 20:49
Show Gist options
  • Save mbostock/41354ca531df4c2bdd1e92d36af8802e to your computer and use it in GitHub Desktop.
Save mbostock/41354ca531df4c2bdd1e92d36af8802e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
path,
rect {
fill: none;
stroke: red;
}
</style>
<svg width="960" height="500"></svg>
<script src="//d3js.org/d3-selection.v0.7.min.js"></script>
<script src="//d3js.org/d3-voronoi.v0.3.min.js"></script>
<script>
var data = [[-75,46.108929190250706],[-72.91666666666667,45.521460750177425],[-70.83333333333333,46.402663410287346],[-68.75,46.769831185333146],[-66.66666666666666,44.71369164507672],[-64.58333333333334,45.30116008515],[-62.5,45.44802719516832],[-60.41666666666667,45.30116008515],[-58.333333333333336,44.933992310104145],[-56.25,45.815194970214066],[-54.166666666666664,46.47609696529656],[-52.08333333333333,46.402663410287346],[-50,43.97935609498512],[-47.916666666666664,45.741761415204905],[-45.833333333333336,44.86055875509504],[-43.75,43.391887654911784],[-41.66666666666667,45.007425865113305],[-39.583333333333336,46.108929190250706],[-37.5,42.80441921483856],[-35.416666666666664,43.24502054489352],[-33.33333333333333,45.962062080232386],[-31.25,44.49339098004924],[-29.166666666666668,43.759055429957584],[-27.083333333333332,44.5668245350584],[-25,42.58411854981108],[-22.916666666666668,43.759055429957584],[-20.833333333333336,42.6575521048203],[-18.75,41.48261522467368],[-16.666666666666664,41.70291588970122],[-14.583333333333334,44.12622320500344],[-12.5,44.49339098004924],[-10.416666666666668,42.21695077476528],[-8.333333333333332,42.07008366474696],[-6.25,41.115447449627936],[-4.166666666666666,42.95128632485694],[-2.083333333333333,42.80441921483856],[0,43.31845409990268],[2.083333333333333,43.24502054489352],[4.166666666666666,43.53875476493022],[6.25,47.79790095546139],[8.333333333333332,45.154292975131625],[10.416666666666668,45.815194970214066],[12.5,43.8324889849668],[14.583333333333334,46.108929190250706],[16.666666666666664,44.933992310104145],[18.75,44.933992310104145],[20.833333333333336,42.6575521048203],[22.916666666666668,44.933992310104145],[25,46.182362745259866],[27.083333333333332,46.182362745259866],[29.166666666666668,45.741761415204905],[31.25,42.7309856598294],[33.33333333333333,41.9966501097378],[35.416666666666664,46.769831185333146],[37.5,45.741761415204905],[39.583333333333336,46.108929190250706],[41.66666666666667,46.91669829535141],[43.75,44.71369164507672],[45.833333333333336,46.549530520305666],[47.916666666666664,45.374593640159105],[50,45.962062080232386],[52.08333333333333,43.68562187494848],[54.166666666666664,46.84326474034236],[56.25,46.84326474034236],[58.333333333333336,46.622964075314826],[60.41666666666667,47.79790095546139],[62.5,48.01820162048887],[64.58333333333334,46.990131850360626],[66.66666666666666,46.182362745259866],[68.75,48.38536939553467],[70.83333333333333,47.87133451047049],[72.91666666666667,47.28386607039721],[75,48.53223650555293],[77.08333333333333,47.94476806547965],[79.16666666666667,45.521460750177425],[81.25,48.31193584052545],[83.33333333333334,48.67910361557125],[85.41666666666666,46.69639763032393],[87.5,49.26657205564453],[89.58333333333333,47.87133451047049],[91.66666666666667,48.53223650555293],[93.75,46.990131850360626],[95.83333333333333,48.23850228551635],[97.91666666666667,48.89940428059873],[100,48.45880295054377],[102.08333333333334,46.035495635241546],[104.16666666666666,45.08085942012252],[106.25,44.12622320500344],[108.33333333333333,43.90592253997602],[110.41666666666667,43.90592253997602],[112.5,45.594894305186585],[114.58333333333333,45.815194970214066],[116.66666666666667,45.741761415204905],[118.75,44.71369164507672],[120.83333333333334,46.108929190250706],[122.91666666666666,46.69639763032393],[125,44.49339098004924],[127.08333333333333,43.24502054489352],[129.16666666666669,46.255796300269026],[131.25,44.5668245350584],[133.33333333333331,45.374593640159105],[135.41666666666666,45.30116008515],[137.5,47.65103384544307],[139.58333333333334,45.594894305186585],[141.66666666666666,46.035495635241546],[143.75,44.787125200085825],[145.83333333333334,45.521460750177425],[147.91666666666669,45.08085942012252],[150,46.990131850360626],[152.08333333333331,48.23850228551635],[154.16666666666666,46.32922985527813],[156.25,48.38536939553467],[158.33333333333334,46.622964075314826],[160.41666666666666,47.43073318041559],[162.5,47.87133451047049],[164.58333333333334,47.50416673542475],[166.66666666666669,50.14777471575445],[168.75,46.47609696529656],[170.83333333333331,48.31193584052545],[172.91666666666666,47.43073318041559],[175,49.92747405072697],[177.08333333333334,48.60567006056215],[179.16666666666666,46.84326474034236],[181.25,47.57760029043385],[183.33333333333334,45.154292975131625],[185.41666666666669,44.346523870030865],[187.5,46.108929190250706],[189.58333333333331,45.521460750177425],[191.66666666666666,46.91669829535141],[193.75,45.007425865113305],[195.83333333333334,44.71369164507672],[197.91666666666666,43.53875476493022],[200,45.88862852522328],[202.08333333333334,47.35729962540643],[204.16666666666669,40.821713229591296],[206.25,46.32922985527813],[208.33333333333331,46.255796300269026],[210.41666666666666,44.71369164507672],[212.5,45.521460750177425],[214.58333333333334,43.759055429957584],[216.66666666666666,47.28386607039721],[218.75,43.90592253997602],[220.83333333333334,46.990131850360626],[222.91666666666669,46.035495635241546],[225,45.521460750177425],[227.08333333333331,45.741761415204905],[229.16666666666666,45.594894305186585],[231.25,45.594894305186585],[233.33333333333334,46.84326474034236],[235.41666666666666,45.374593640159105],[237.5,44.1996567600126],[239.58333333333334,45.154292975131625],[241.66666666666669,42.51068499480198],[243.75,43.391887654911784],[245.83333333333331,44.71369164507672],[247.91666666666666,45.007425865113305],[250,45.22772653014084],[252.08333333333334,44.787125200085825],[254.16666666666666,44.71369164507672],[256.25,44.933992310104145],[258.33333333333337,45.22772653014084],[260.4166666666667,46.035495635241546],[262.5,45.08085942012252],[264.5833333333333,43.97935609498512],[266.66666666666663,46.035495635241546],[268.75,46.32922985527813],[270.8333333333333,44.640258090067505],[272.9166666666667,46.108929190250706],[275,44.787125200085825],[277.08333333333337,47.72446740045217],[279.1666666666667,46.255796300269026],[281.25,44.640258090067505],[283.3333333333333,45.521460750177425],[285.41666666666663,45.44802719516832],[287.5,45.521460750177425],[289.5833333333333,46.402663410287346],[291.6666666666667,45.30116008515],[293.75,46.182362745259866],[295.83333333333337,46.182362745259866],[297.9166666666667,45.594894305186585],[300,43.31845409990268],[302.0833333333333,47.210432515388106],[304.16666666666663,45.30116008515],[306.25,44.27309031502176],[308.3333333333333,45.521460750177425],[310.4166666666667,46.91669829535141],[312.5,45.44802719516832],[314.58333333333337,45.521460750177425],[316.6666666666667,42.87785276984772],[318.75,46.32922985527813],[320.8333333333333,46.402663410287346],[322.91666666666663,44.640258090067505],[325,45.154292975131625],[327.0833333333333,45.374593640159105],[329.1666666666667,46.32922985527813],[331.25,44.640258090067505],[333.33333333333337,45.22772653014084],[335.4166666666667,45.741761415204905],[337.5,45.44802719516832],[339.5833333333333,45.08085942012252],[341.66666666666663,44.12622320500344],[343.75,44.86055875509504],[345.8333333333333,41.70291588970122],[347.9166666666667,44.1996567600126],[350,43.02471987986604],[352.08333333333337,44.05278964999428],[354.1666666666667,284.32738163996106],[356.25,364.883991485008],[358.3333333333333,44.49339098004924],[360.41666666666663,364.883991485008],[362.5,283.88678030990616],[364.5833333333333,82.97257380484837],[366.6666666666667,445],[368.75,203.9910724599416],[370.83333333333337,123.8750639449496],[372.9166666666667,445],[375,123.21416194986722],[377.0833333333333,44.05278964999428],[379.16666666666663,43.17158698988436],[381.25,46.035495635241546],[383.3333333333333,44.27309031502176],[385.4166666666667,42.07008366474696],[387.5,43.759055429957584],[389.58333333333337,40.454545454545496],[391.6666666666667,42.51068499480198],[393.75,43.17158698988436],[395.8333333333333,43.90592253997602],[397.91666666666663,41.042013894618776],[400,45.08085942012252],[402.0833333333333,43.68562187494848],[404.1666666666667,42.51068499480198],[406.25,41.629482334692],[408.33333333333337,41.335748114655416],[410.4166666666667,42.87785276984772],[412.5,44.419957425040025],[414.5833333333333,42.87785276984772],[416.66666666666663,45.154292975131625],[418.75,45.521460750177425],[420.8333333333333,48.60567006056215],[422.9166666666667,45.08085942012252],[425,44.86055875509504],[427.08333333333337,47.210432515388106],[429.1666666666667,45.22772653014084],[431.25,46.622964075314826],[433.3333333333333,47.72446740045217],[435.41666666666663,44.346523870030865],[437.5,46.69639763032393],[439.5833333333333,46.182362745259866],[441.6666666666667,44.49339098004924],[443.75,44.71369164507672],[445.83333333333337,46.108929190250706],[447.9166666666667,45.22772653014084],[450,45.154292975131625],[452.0833333333333,46.47609696529656],[454.16666666666663,45.30116008515],[456.25,46.32922985527813],[458.3333333333333,47.43073318041559],[460.4166666666667,48.31193584052545],[462.5,47.28386607039721],[464.58333333333337,46.69639763032393],[466.6666666666667,47.210432515388106],[468.75,51.54301226092849],[470.8333333333333,48.89940428059873],[472.91666666666663,49.486872720671954],[475,50.66180960081857],[477.0833333333333,46.84326474034236],[479.1666666666667,47.43073318041559],[481.25,47.72446740045217],[483.33333333333337,47.57760029043385],[485.4166666666667,46.182362745259866],[487.5,47.28386607039721],[489.5833333333333,44.419957425040025],[491.66666666666663,47.57760029043385],[493.75,46.91669829535141],[495.8333333333333,45.22772653014084],[497.9166666666667,46.622964075314826],[500,45.374593640159105],[502.08333333333337,46.91669829535141],[504.1666666666667,47.57760029043385],[506.25,47.136998960378946],[508.3333333333333,45.88862852522328],[510.41666666666663,46.255796300269026],[512.5,44.640258090067505],[514.5833333333333,45.88862852522328],[516.6666666666667,44.5668245350584],[518.75,42.3638178847836],[520.8333333333334,44.346523870030865],[522.9166666666666,45.154292975131625]];
// var data = [[580,250],[510.90169943749476,345.10565162951536],[399.09830056250524,308.7785252292473],[399.0983005625053,191.22147477075265],[510.9016994374947,154.89434837048464],[580,249.9999999999999]];
// var data = []; for (var i = 0; i < 10; ++i) for (var j = 0; j < 10; ++j) data.push([i * 50 + 50, j * 50 + 50]);
var svg = d3_selection.select("svg"),
width = +svg.attr("width"),
height = +svg.attr("height");
var voronoi = d3_voronoi.voronoi()
.extent([[0.5, 0.5], [width - 0.5, height - 0.5]]);
svg.selectAll("circle")
.data(data)
.enter().append("circle")
.attr("cx", function(d) { return d[0]; })
.attr("cy", function(d) { return d[1]; })
.attr("r", 1.5);
svg.selectAll("path")
.data(voronoi.polygons(data))
.enter().append("path")
.attr("d", function(d) { return d && ("M" + d.join("L") + "Z"); });
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment