Pacsangon · February 7, 2016 18:06 · Pacsangon · Feb 7, 2016
diff --git a/NaN_index.html b/NaN_index.html
 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

 <title>Internet</title>

 <meta name="description" content="">

 <meta name="viewport" content="width=device-width">

 <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>

 <style>

    body{

        background-color: #EEE

    }

    

    svg {

        background-color: #FFF

    }

 </style>

 </head>

 <body>

 <H2>Generando objetos svg con d3, usando los datos</H2>

 <svg width="1000px" height="1000px"></svg>

    <script>

 

        d3.csv("datos/IndividualsInternet_00-14.csv", function(datafromCSV){

            var item = d3.select("svg").selectAll("rect").data(datafromCSV)

            

            item.enter().append("rect")

                .attr("x",10)

                .attr("y",function(d,i) {

               console.log("____________________________")

               console.log("Este es ",this)

               console.log("d es ", d)

               console.log("i es ", i)

               console.log("____________________________")

               return i *10

               })

                .attr("width", function (d,i) {

                return d.y2000 * 10

                })

                .attr("heigth", 8);

        });

    </script>

 </body>

 </html>
	<!DOCTYPE html>

	<html>

	<head>

	<meta charset="utf-8">

	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>Internet</title>

	<meta name="description" content="">

	<meta name="viewport" content="width=device-width">

	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>

	<style>

	body{

	background-color: #EEE

	}



	svg {

	background-color: #FFF

	}

	</style>

	</head>

	<body>

	<H2>Generando objetos svg con d3, usando los datos</H2>

	<svg width="1000px" height="1000px"></svg>

	<script>



	d3.csv("datos/IndividualsInternet_00-14.csv", function(datafromCSV){

	var item = d3.select("svg").selectAll("rect").data(datafromCSV)



	item.enter().append("rect")

	.attr("x",10)

	.attr("y",function(d,i) {

	console.log("____________________________")

	console.log("Este es ",this)

	console.log("d es ", d)

	console.log("i es ", i)

	console.log("____________________________")

	return i *10

	})

	.attr("width", function (d,i) {

	return d.y2000 * 10

	})

	.attr("heigth", 8);

	});

	</script>

	</body>

	</html>