| license: mit |
Built with blockbuilder.org
forked from romsson's block: scatterplot in progress
forked from anonymous's block: scatterplot in progress
forked from anonymous's block: scatterplot in progress
forked from anonymous's block: scatterplot in progress
forked from anonymous's block: scatterplot in progress
forked from anonymous's block: scatterplot in progress
| <!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; } | |
| circle { | |
| fill: black; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <script> | |
| var margin = {top: 20, right: 10, bottom: 20, left: 30}; | |
| var width = 960 - margin.left - margin.right, | |
| height = 500 - margin.top - margin.bottom; | |
| var svg = d3.select("body").append("svg") | |
| .attr("width", width + margin.left + margin.right) | |
| .attr("height", height + margin.top + margin.bottom) | |
| .append("g") | |
| .attr("transform", "translate(" + margin.left + "," + margin.top + ")"); | |
| var data = d3.range(10).map(function(d) { return Math.random(); }); | |
| var color = d3.scaleOrdinal(d3.schemeCategory20); | |
| var x = d3.scaleLinear() | |
| .range([0, width]); | |
| var y = d3.scaleLinear() | |
| .range([height, 0]); | |
| var r = d3.scaleSqrt() | |
| .range([2, 15]); | |
| var xAxis = d3.axisBottom() | |
| .scale(x); | |
| var yAxis = d3.axisLeft() | |
| .scale(y); | |
| xAxis(svg.append("g") | |
| .attr("class", "x axis") | |
| .attr("transform", "translate(0," + height + ")")) | |
| svg.append('g') | |
| .attr('transform', 'translate(0,0)') | |
| .attr('class', 'y axis') | |
| .call(yAxis); | |
| d3.csv('iris.csv', function(error, data){ | |
| data.forEach(function(d){ | |
| d.sepal_length = +d.sepal_length; | |
| d.sepal_width = +d.sepal_width; | |
| d.petal_length = +d.petal_length; | |
| d.petal_width = +d.petal_width; | |
| }); | |
| x.domain(d3.extent(data, function(d) {return d.sepal_length})); | |
| y.domain(d3.extent(data, function(d) {return d.sepal_width})); | |
| r.domain(d3.extent(data, function(d) {return d.petal_length})); | |
| svg.selectAll(".dot").data(data).enter() | |
| .append("circle") | |
| .attr("class", "dot") | |
| .attr("cx", function(d) {return x(d.sepal_length);}) | |
| .attr("cy", function(d) {return y(d.sepal_width);}) | |
| .attr("r", function(d) { return r(d.sepal_width);}) | |
| .style("fill", function(d) { return color(d.species);}) | |
| }) | |
| </script> | |
| </body> |
| sepal_length,sepal_width,petal_length,petal_width,species | |
| 5.1,3.5,1.4,0.2,setosa | |
| 4.9,3,1.4,0.2,setosa | |
| 4.7,3.2,1.3,0.2,setosa | |
| 4.6,3.1,1.5,0.2,setosa | |
| 5,3.6,1.4,0.2,setosa | |
| 5.4,3.9,1.7,0.4,setosa | |
| 4.6,3.4,1.4,0.3,setosa | |
| 5,3.4,1.5,0.2,setosa | |
| 4.4,2.9,1.4,0.2,setosa | |
| 4.9,3.1,1.5,0.1,setosa | |
| 5.4,3.7,1.5,0.2,setosa | |
| 4.8,3.4,1.6,0.2,setosa | |
| 4.8,3,1.4,0.1,setosa | |
| 4.3,3,1.1,0.1,setosa | |
| 5.8,4,1.2,0.2,setosa | |
| 5.7,4.4,1.5,0.4,setosa | |
| 5.4,3.9,1.3,0.4,setosa | |
| 5.1,3.5,1.4,0.3,setosa | |
| 5.7,3.8,1.7,0.3,setosa | |
| 5.1,3.8,1.5,0.3,setosa | |
| 5.4,3.4,1.7,0.2,setosa | |
| 5.1,3.7,1.5,0.4,setosa | |
| 4.6,3.6,1,0.2,setosa | |
| 5.1,3.3,1.7,0.5,setosa | |
| 4.8,3.4,1.9,0.2,setosa | |
| 5,3,1.6,0.2,setosa | |
| 5,3.4,1.6,0.4,setosa | |
| 5.2,3.5,1.5,0.2,setosa | |
| 5.2,3.4,1.4,0.2,setosa | |
| 4.7,3.2,1.6,0.2,setosa | |
| 4.8,3.1,1.6,0.2,setosa | |
| 5.4,3.4,1.5,0.4,setosa | |
| 5.2,4.1,1.5,0.1,setosa | |
| 5.5,4.2,1.4,0.2,setosa | |
| 4.9,3.1,1.5,0.1,setosa | |
| 5,3.2,1.2,0.2,setosa | |
| 5.5,3.5,1.3,0.2,setosa | |
| 4.9,3.1,1.5,0.1,setosa | |
| 4.4,3,1.3,0.2,setosa | |
| 5.1,3.4,1.5,0.2,setosa | |
| 5,3.5,1.3,0.3,setosa | |
| 4.5,2.3,1.3,0.3,setosa | |
| 4.4,3.2,1.3,0.2,setosa | |
| 5,3.5,1.6,0.6,setosa | |
| 5.1,3.8,1.9,0.4,setosa | |
| 4.8,3,1.4,0.3,setosa | |
| 5.1,3.8,1.6,0.2,setosa | |
| 4.6,3.2,1.4,0.2,setosa | |
| 5.3,3.7,1.5,0.2,setosa | |
| 5,3.3,1.4,0.2,setosa | |
| 7,3.2,4.7,1.4,versicolor | |
| 6.4,3.2,4.5,1.5,versicolor | |
| 6.9,3.1,4.9,1.5,versicolor | |
| 5.5,2.3,4,1.3,versicolor | |
| 6.5,2.8,4.6,1.5,versicolor | |
| 5.7,2.8,4.5,1.3,versicolor | |
| 6.3,3.3,4.7,1.6,versicolor | |
| 4.9,2.4,3.3,1,versicolor | |
| 6.6,2.9,4.6,1.3,versicolor | |
| 5.2,2.7,3.9,1.4,versicolor | |
| 5,2,3.5,1,versicolor | |
| 5.9,3,4.2,1.5,versicolor | |
| 6,2.2,4,1,versicolor | |
| 6.1,2.9,4.7,1.4,versicolor | |
| 5.6,2.9,3.6,1.3,versicolor | |
| 6.7,3.1,4.4,1.4,versicolor | |
| 5.6,3,4.5,1.5,versicolor | |
| 5.8,2.7,4.1,1,versicolor | |
| 6.2,2.2,4.5,1.5,versicolor | |
| 5.6,2.5,3.9,1.1,versicolor | |
| 5.9,3.2,4.8,1.8,versicolor | |
| 6.1,2.8,4,1.3,versicolor | |
| 6.3,2.5,4.9,1.5,versicolor | |
| 6.1,2.8,4.7,1.2,versicolor | |
| 6.4,2.9,4.3,1.3,versicolor | |
| 6.6,3,4.4,1.4,versicolor | |
| 6.8,2.8,4.8,1.4,versicolor | |
| 6.7,3,5,1.7,versicolor | |
| 6,2.9,4.5,1.5,versicolor | |
| 5.7,2.6,3.5,1,versicolor | |
| 5.5,2.4,3.8,1.1,versicolor | |
| 5.5,2.4,3.7,1,versicolor | |
| 5.8,2.7,3.9,1.2,versicolor | |
| 6,2.7,5.1,1.6,versicolor | |
| 5.4,3,4.5,1.5,versicolor | |
| 6,3.4,4.5,1.6,versicolor | |
| 6.7,3.1,4.7,1.5,versicolor | |
| 6.3,2.3,4.4,1.3,versicolor | |
| 5.6,3,4.1,1.3,versicolor | |
| 5.5,2.5,4,1.3,versicolor | |
| 5.5,2.6,4.4,1.2,versicolor | |
| 6.1,3,4.6,1.4,versicolor | |
| 5.8,2.6,4,1.2,versicolor | |
| 5,2.3,3.3,1,versicolor | |
| 5.6,2.7,4.2,1.3,versicolor | |
| 5.7,3,4.2,1.2,versicolor | |
| 5.7,2.9,4.2,1.3,versicolor | |
| 6.2,2.9,4.3,1.3,versicolor | |
| 5.1,2.5,3,1.1,versicolor | |
| 5.7,2.8,4.1,1.3,versicolor | |
| 6.3,3.3,6,2.5,virginica | |
| 5.8,2.7,5.1,1.9,virginica | |
| 7.1,3,5.9,2.1,virginica | |
| 6.3,2.9,5.6,1.8,virginica | |
| 6.5,3,5.8,2.2,virginica | |
| 7.6,3,6.6,2.1,virginica | |
| 4.9,2.5,4.5,1.7,virginica | |
| 7.3,2.9,6.3,1.8,virginica | |
| 6.7,2.5,5.8,1.8,virginica | |
| 7.2,3.6,6.1,2.5,virginica | |
| 6.5,3.2,5.1,2,virginica | |
| 6.4,2.7,5.3,1.9,virginica | |
| 6.8,3,5.5,2.1,virginica | |
| 5.7,2.5,5,2,virginica | |
| 5.8,2.8,5.1,2.4,virginica | |
| 6.4,3.2,5.3,2.3,virginica | |
| 6.5,3,5.5,1.8,virginica | |
| 7.7,3.8,6.7,2.2,virginica | |
| 7.7,2.6,6.9,2.3,virginica | |
| 6,2.2,5,1.5,virginica | |
| 6.9,3.2,5.7,2.3,virginica | |
| 5.6,2.8,4.9,2,virginica | |
| 7.7,2.8,6.7,2,virginica | |
| 6.3,2.7,4.9,1.8,virginica | |
| 6.7,3.3,5.7,2.1,virginica | |
| 7.2,3.2,6,1.8,virginica | |
| 6.2,2.8,4.8,1.8,virginica | |
| 6.1,3,4.9,1.8,virginica | |
| 6.4,2.8,5.6,2.1,virginica | |
| 7.2,3,5.8,1.6,virginica | |
| 7.4,2.8,6.1,1.9,virginica | |
| 7.9,3.8,6.4,2,virginica | |
| 6.4,2.8,5.6,2.2,virginica | |
| 6.3,2.8,5.1,1.5,virginica | |
| 6.1,2.6,5.6,1.4,virginica | |
| 7.7,3,6.1,2.3,virginica | |
| 6.3,3.4,5.6,2.4,virginica | |
| 6.4,3.1,5.5,1.8,virginica | |
| 6,3,4.8,1.8,virginica | |
| 6.9,3.1,5.4,2.1,virginica | |
| 6.7,3.1,5.6,2.4,virginica | |
| 6.9,3.1,5.1,2.3,virginica | |
| 5.8,2.7,5.1,1.9,virginica | |
| 6.8,3.2,5.9,2.3,virginica | |
| 6.7,3.3,5.7,2.5,virginica | |
| 6.7,3,5.2,2.3,virginica | |
| 6.3,2.5,5,1.9,virginica | |
| 6.5,3,5.2,2,virginica | |
| 6.2,3.4,5.4,2.3,virginica | |
| 5.9,3,5.1,1.8,virginica | |
| Anygrowth |