D3 Examples

xxxxxxxxxx
 
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
</head>
<body>
<script>
​
  function colores_google(n) {
  var colores_g = ["#3366cc", "#dc3912", "#ff9900", "#109618", "#990099", "#0099c6", "#dd4477", "#66aa00", "#b82e2e", "#316395", "#994499", "#22aa99", "#aaaa11", "#6633cc", "#e67300", "#8b0707", "#651067", "#329262", "#5574a6", "#3b3eac"];
    
  if(n==0)
    return "#000000"
  else
    return colores_g[n % colores_g.length];
}
  
var svg = d3.select("body")
      .append("svg")
      .attr("width", 1000)
      .attr("height", 900);
  
 var  colorScale = d3.scaleOrdinal("schemeAccent");
  
d3.csv("export.csv", function(d){
  
    for(i = 0; i < d.length; i ++){
         
        svg.append("circle")
            .attr("cx", Number(d[i].x/2))
            .attr("cy", Number(d[i].y/2))
            .attr("r", 3)
            .style("fill", colores_google(d[i].z))
                    
    }
})
​
</script>
</body><!DOCTYPE html>
​
​
​
​
    