Basic scatter plot

forked from sandravizmad's block: Basic scatter plot

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>D3 Example</title>
    <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
  </head>
  
  <style>
	circle{fill: #40E0D0}
  </style>
  
  <body>

var outerWidth = 250;
      var outerHeight = 250;
      var rMin = 1; // "r" stands for radius
      var rMax = 6;
      var xColumn = "sepal_length";
      var yColumn = "petal_length";
      var rColumn = "sepal_width";
      var colorColumn = "species";

var svg = d3.select("body").append("svg")
        .attr("width", outerWidth)
        .attr("height", outerHeight);

var xScale = d3.scale.linear().range([0, outerWidth]);
      var yScale = d3.scale.linear().range([outerHeight, 0]);
      var rScale = d3.scale.linear().range([rMin, rMax]);
      var colorScale = d3.scale.category10();

circles.exit().remove();
      }

function type(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;
        return d;
      } 
      		    			d3.csv("https://gist.githubusercontent.com/davidCarrero/2b909228440a8d2553ac267905dacd4c/raw/1457cc6a5e729451de5fb4a9c20fe75de24360a1/iris.csv", type, render)

</script>

</body>
</html>

https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js