pacohope
/
dataviz
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Removed the litle dot for the mouse and all the mouse movement bits.

master
Paco Hope 2017-03-26 15:32:52 +01:00
parent bf7fe9ce78
commit f8b4391fe0
1 changed files with 16 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
bounded-voronoi.html
View File

@ -1,4 +1,9 @@
<!DOCTYPE html> <!DOCTYPE html>
<!--
This is based off of Philippe Rivière’s Blocks at https://bl.ocks.org/Fil/aa92ffae75cc880f7880a3dd6da3ae18.
I just wanted to make it take data from a pre-set list, instead of randomly generating
data points each time it's loaded.
-->
<meta charset="utf-8"> <meta charset="utf-8">
<style> <style>
@ -36,15 +41,19 @@
<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script> <script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
<script> <script>
var sourcedata = [ 100, 100, 200, 130, 400, 150, 160, 170, 130, 900, 100, 1000, 200, 130, 40, 150, 160, 170, 130 ]; var sourcedata = [
100, 100, 200, 130, 400,
150, 360, 170, 130, 900,
100, 500, 200, 130, 482,
150, 160, 170, 130, 400 ];
var svg = d3.select("svg"), var svg = d3.select("svg");
width = +svg.attr("width"), var width = svg.attr("width");
height = +svg.attr("height"), var height = svg.attr("height");
margin = 0.4; // 0 ≤ m < 0.5 var margin = 0.1; // 0 ≤ m < 0.5
var color = d3.scaleOrdinal(d3.schemePastel1), var color = d3.scaleOrdinal(d3.schemePastel1);
line = d3.line().curve(d3.curveCatmullRomClosed); var line = d3.line().curve(d3.curveCatmullRomClosed);
function makeData (inputData) { function makeData (inputData) {
var outputData = []; var outputData = [];
@ -89,11 +98,6 @@ function makeData (inputData) {
redraw(); redraw();
function moved() {
sites[0] = d3.mouse(this);
redraw();
}
function redraw() { function redraw() {
var links = voronoi.links(sites), var links = voronoi.links(sites),
@ -145,15 +149,6 @@ function makeData (inputData) {
.exit() .exit()
.remove(); .remove();
var s = site
.selectAll("circle")
.data(sites);
s.enter()
.append("circle")
.attr("r", 2.5)
.merge(s)
.call(redrawSite);
convexhull.attr('d', line(convex)); convexhull.attr('d', line(convex));
} }