D3 Examples - Basic CSV Parsing

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
 <head>
    <title>Simple Template Example</title>
    <script type="text/javascript" src="https://d3js.org/d3.v4.min.js"></script>
​
                                       <script>
d3.csv("fs.csv", 
  
  function(error, data) {
    var select = d3.select("body")
      .append("div")
​
//    select
//      .on("change", function(d) {
//        var value = d3.select(this).property("value");
//        alert(value);
//      });
//
    select.selectAll("a")
      .data(data)
      .enter()
    .append("font")
        
        .attr("size", function (d) { return d.value+"px"; })
        .append("a")
        .text(function (d) 
              { return d.id; })
        .append("br")       
    });
    
    
//
//  for (var i = 0; i < data.length; i++) {
//        console.log(data[i].id);
//        console.log(data[i].value);
//    }
//});
//
//var p = d3.select("body").selectAll("p")
//.data(d3)
//.enter()
//.append("p")
//.text("hello ");
                                         
//--/                                      
     </script>
  
  </head>
 <body>
    <font family="Arial">
<!--
     <button id="prices" value="Prices">Prices</button><button id="trans">Transmission Limits</button>
   <button id="list">List</button><br>
    <svg id="svg"></svg>
    <script type="text/javascript">
        d3.select("#prices").on("click", function(d,i)
        {
            prices_csv();
        })
        d3.select("#trans").on("click", function(d,i)
        {
            trans_csv();
        })
        d3.select("#list").on("click", function(d,i)
        {
            list_csv();
        })
​
        init();
    </script>
​
-->
 </body>
</html>
​
    