Old school D3 from simpler times

All examples By author By category About

greenmna

Full window Github gist

Bubble attempt Mambo #5

Built with blockbuilder.org

<!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; }
  </style>
</head>

<body>
  <script>
    var bubbleChart = function (){
      var width = 800
      height = 600;

function chart (selection){
      
    }
    
    chart.width = function (value) {
      if (!arguments.length) {return width;}
      width = value;
      
      return chart;
    }
    
    chart.height = function (value){
      if (!arguments.length){return height;}
      height = value
      
      return chart;
      
    }
    return chart;
 }
   
   d3.csv("BIO583_Salmonella_data.csv", function (error, BIO583_Salmonella_data) {
     if (error) {
       console.error("Error getting or parsing the data");
       throw error;
     }
     
     var data = BIO583_Salmonella_data
     var chart = bubbleChart().width(800).height(600);
     
     d3.select("#chart").data(BIO583_Salmonella_data).call(chart)
     
     var div = d3.select("body")
    	.selectAll("div")
    	.data(BIO583_Salmonella_data)
     	.enter().append("div");
     
     
          });
    
    
   
   
  </script>
</body>

https://d3js.org/d3.v4.min.js