Pacsangon/NaN_index.html

## 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>