a2q/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Sorting Elements</title>

        <!--<script type="text/javascript" src="../d3.v3.js"></script>-->
        <script type="text/javascript" src="http://d3js.org./d3.v3.js"></script>
		<style type="text/css">

			body {
				background-color: white;
			}

			svg {
				background-color: white;
			}

		</style>
	</head>
	<body>

		<script type="text/javascript">


			var svg = d3.select("body")
						.append("svg")
						.attr("width", 900)
						.attr("height", 450);

            //escala
            var escala=d3.scale.linear().range([0,700]);
            //fin escala

			d3.csv("integradosSecundarioComun.csv", function(data) {

				data.sort(function(a, b) {
					//return d3.descending(a.poli_3, b.poli_3);

					//If your numeric values aren't sorting properly,
					//try commenting out the line above, and instead using:
					//
					return d3.descending(+a.SecundarioComun, +b.SecundarioComun);
					//
					//Data coming in from the CSV is saved as strings (text),
					//so the + signs here force JavaScript to treat those
					//strings instead as numeric values, thereby fixing the
					//sort order (hopefully!).
				});

				var rects = svg.selectAll("rect")
								.data(data)
								.enter()
								.append("rect");

				rects.attr("x", 0)
					.attr("y", function(d, i) {
						return i * 18;
					})
					.attr("width", function(d) {
						return d.SecundarioComun * .12;
					})
					.attr("height", 15)
                    .attr("fill","#D8532B");

                //texto

                var texts = svg.selectAll("text")
					.data(data)
					.enter()
					.append("text");

					texts.attr("x", function(d) {
						return (+d.SecundarioComun*.12+15);
						})
						.attr("y", function(d, i) {
							return i * 18+12;
						})
						.attr("fill","#BE4628")
						.style("font-family", "Lato")
                    	.style("font-size", "12px")
						.text(function(d) { return d.SecundarioComun+" alumnos en "+d.divPoliticaTerritorial;});


			});


		</script>

	</body>
</html>

## integradosSecundarioComun.csv

          
            divPoliticaTerritorial
            SecundarioComun

            
              Ciudad de Buenos Aires
              163

            
              Buenos Aires
              6019

            
              Catamarca
              26

            
              Córdoba
              168

            
              Corrientes
              95

            
              Chaco
              306

            
              Chubut
              233

            
              Entre Ríos
              58

            
              Formosa
              58

            
              Jujuy
              144

            
              La Pampa
              399

            
              La Rioja
              18

            
              Mendoza
              64

            
              Misiones
              10

            
              Neuquén
              23

            
              Río Negro
              173

            
              Salta
              33

            
              San Juan
              39

            
              San Luis
              4

            
              Santa Cruz
              193

            
              Santa Fe
              379

            
              Santiago del Estero
              13

            
              Tucumán
              72

            
              Tierra del Fuego
              27
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Sorting Elements</title>

	<!--<script type="text/javascript" src="../d3.v3.js"></script>-->
	<script type="text/javascript" src="http://d3js.org./d3.v3.js"></script>
	<style type="text/css">

	body {
	background-color: white;
	}

	svg {
	background-color: white;
	}

	</style>
	</head>
	<body>

	<script type="text/javascript">


	var svg = d3.select("body")
	.append("svg")
	.attr("width", 900)
	.attr("height", 450);

	//escala
	var escala=d3.scale.linear().range([0,700]);
	//fin escala

	d3.csv("integradosSecundarioComun.csv", function(data) {

	data.sort(function(a, b) {
	//return d3.descending(a.poli_3, b.poli_3);

	//If your numeric values aren't sorting properly,
	//try commenting out the line above, and instead using:
	//
	return d3.descending(+a.SecundarioComun, +b.SecundarioComun);
	//
	//Data coming in from the CSV is saved as strings (text),
	//so the + signs here force JavaScript to treat those
	//strings instead as numeric values, thereby fixing the
	//sort order (hopefully!).
	});

	var rects = svg.selectAll("rect")
	.data(data)
	.enter()
	.append("rect");

	rects.attr("x", 0)
	.attr("y", function(d, i) {
	return i * 18;
	})
	.attr("width", function(d) {
	return d.SecundarioComun * .12;
	})
	.attr("height", 15)
	.attr("fill","#D8532B");

	//texto

	var texts = svg.selectAll("text")
	.data(data)
	.enter()
	.append("text");

	texts.attr("x", function(d) {
	return (+d.SecundarioComun*.12+15);
	})
	.attr("y", function(d, i) {
	return i * 18+12;
	})
	.attr("fill","#BE4628")
	.style("font-family", "Lato")
	.style("font-size", "12px")
	.text(function(d) { return d.SecundarioComun+" alumnos en "+d.divPoliticaTerritorial;});


	});


	</script>

	</body>
	</html>
	divPoliticaTerritorial	SecundarioComun
	Ciudad de Buenos Aires	163
	Buenos Aires	6019
	Catamarca	26
	Córdoba	168
	Corrientes	95
	Chaco	306
	Chubut	233
	Entre Ríos	58
	Formosa	58
	Jujuy	144
	La Pampa	399
	La Rioja	18
	Mendoza	64
	Misiones	10
	Neuquén	23
	Río Negro	173
	Salta	33
	San Juan	39
	San Luis	4
	Santa Cruz	193
	Santa Fe	379
	Santiago del Estero	13
	Tucumán	72
	Tierra del Fuego	27