D3 Examples - 123 machine learning databases

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Loading CSV Data with D3</title>
        <script type="text/javascript" src="https://d3js.org/d3.v3.min.js"></script>
    </head>
    <body>
​
        <p>Not much to see here; try looking in the console!</p>
​
        <script type="text/javascript">     
​
            d3.select("body").append("svg").attr("width",900).attr("height",400)
            d3.select("svg").append("circle").attr("r",30).attr("fill","rgba(230, 230, 230, 0.15)").attr("cy",200).attr("cx",200)
            d3.select("svg").append("circle").attr("r",35).attr("fill","rgba(230, 230, 230, 0.20)").attr("cy",200).attr("cx",250)
            d3.select("svg").append("circle").attr("r",40).attr("fill","rgba(230, 230, 230, 0.25)").attr("cy",200).attr("cx",300)
            d3.select("svg").append("circle").attr("r",45).attr("fill","rgba(230, 230, 230, 0.30)").attr("cy",200).attr("cx",350)
            d3.select("svg").append("circle").attr("r",50).attr("fill","rgba(230, 230, 230, 0.35)").attr("cy",200).attr("cx",400)
            d3.select("svg").append("circle").attr("r",55).attr("fill","rgba(230, 230, 230, 0.40)").attr("cy",200).attr("cx",450)
            d3.select("svg").append("circle").attr("r",60).attr("fill","rgba(230, 230, 230, 0.45)").attr("cy",200).attr("cx",500)
            d3.select("svg").append("circle").attr("r",65).attr("fill","rgba(230, 230, 230, 0.50)").attr("cy",200).attr("cx",550)
            d3.select("svg").append("circle").attr("r",70).attr("fill","rgba(230, 230, 230, 0.55)").attr("cy",200).attr("cx",600)
            //Load in contents of CSV file
            d3.csv("123 datasets.csv", function(data) {
​
                //Now CSV contents have been transformed into
                //an array of JSON objects.
​
                //Log 'data' to the console, for verification.
                console.log(data);
​
            });
​
​
        </script>
​
    </body>
</html>
    