cambio div

2024-12-25 03:51:22 +01:00 · 2017-05-13 12:36:10 +02:00 · 2017-05-13 12:36:10 +02:00 · 6eff1077a8
commit 6eff1077a8
parent 46bf58c8a1
728 changed files with 128 additions and 10 deletions
--- a/d3-tablas/longitud-canales-html
+++ b/d3-tablas/longitud-canales-html
@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Longitud redes hidr&aacute;ulicas (kms) por cuenca hidrogr&aacute;fica</title>
+	<style>
+	#xaxis .domain {
+		fill:none;
+		stroke:#000;
+	}
+	#xaxis text, #yaxis text {
+		font-size: 12px;
+	}
+	</style>
+</head>
+<body>
+	<div id="wrapper">
+	</div>
+	<script src="http://d3js.org/d3.v4.min.js" charset="utf-8"></script>
+	<script>
+		var categories= ['','Accessories', 'Audiophile', 'Camera & Photo', 'Cell Phones', 'Computers','eBook Readers','Gadgets','GPS & Navigation','Home Audio','Office Electronics','Portable Audio','Portable Video','Security & Surveillance','Service','Television & Video','Car & Vehicle'];
+
+		var dollars = [213,209,190,179,156,209,190,179,213,209,190,179,156,209,190,190];
+
+		var colors = ['#0000b4','#0082ca','#0094ff','#0d4bcf','#0066AE','#074285','#00187B','#285964','#405F83','#416545','#4D7069','#6E9985','#7EBC89','#0283AF','#79BCBF','#99C19E'];
+
+		var grid = d3.range(25).map(function(i){
+			return {'x1':0,'y1':0,'x2':0,'y2':480};
+		});
+
+		var tickVals = grid.map(function(d,i){
+			if(i>0){ return i*10; }
+			else if(i===0){ return "100";}
+		});
+
+		var xscale = d3.scale.linear()
+						.domain([10,250])
+						.range([0,722]);
+
+		var yscale = d3.scale.linear()
+						.domain([0,categories.length])
+						.range([0,480]);
+
+		var colorScale = d3.scale.quantize()
+						.domain([0,categories.length])
+						.range(colors);
+
+		var canvas = d3.select('#wrapper')
+						.append('svg')
+						.attr({'width':900,'height':550});
+
+		var grids = canvas.append('g')
+						  .attr('id','grid')
+						  .attr('transform','translate(150,10)')
+						  .selectAll('line')
+						  .data(grid)
+						  .enter()
+						  .append('line')
+						  .attr({'x1':function(d,i){ return i*30; },
+								 'y1':function(d){ return d.y1; },
+								 'x2':function(d,i){ return i*30; },
+								 'y2':function(d){ return d.y2; },
+							})
+						  .style({'stroke':'#adadad','stroke-width':'1px'});
+
+		var	xAxis = d3.svg.axis();
+			xAxis
+				.orient('bottom')
+				.scale(xscale)
+				.tickValues(tickVals);
+
+		var	yAxis = d3.svg.axis();
+			yAxis
+				.orient('left')
+				.scale(yscale)
+				.tickSize(2)
+				.tickFormat(function(d,i){ return categories[i]; })
+				.tickValues(d3.range(17));
+
+		var y_xis = canvas.append('g')
+						  .attr("transform", "translate(150,0)")
+						  .attr('id','yaxis')
+						  .call(yAxis);
+
+		var x_xis = canvas.append('g')
+						  .attr("transform", "translate(150,480)")
+						  .attr('id','xaxis')
+						  .call(xAxis);
+
+		var chart = canvas.append('g')
+							.attr("transform", "translate(150,0)")
+							.attr('id','bars')
+							.selectAll('rect')
+							.data(dollars)
+							.enter()
+							.append('rect')
+							.attr('height',19)
+							.attr({'x':0,'y':function(d,i){ return yscale(i)+19; }})
+							.style('fill',function(d,i){ return colorScale(i); })
+							.attr('width',function(d){ return 0; });
+
+
+		var transit = d3.select("svg").selectAll("rect")
+						    .data(dollars)
+						    .transition()
+						    .duration(1000)
+						    .attr("width", function(d) {return xscale(d); });
+
+		var transitext = d3.select('#bars')
+							.selectAll('text')
+							.data(dollars)
+							.enter()
+							.append('text')
+							.attr({'x':function(d) {return xscale(d)-200; },'y':function(d,i){ return yscale(i)+35; }})
+							.text(function(d){ return d+"$"; }).style({'fill':'#fff','font-size':'14px'});
+
+
+	</script>
+</body>
+</html>
--- a/img-poblados/1945/1.jpeg
+++ b/img-poblados/1945/1.jpeg
--- a/img-poblados/1945/10.jpeg
+++ b/img-poblados/1945/10.jpeg
--- a/img-poblados/1945/100.jpeg
+++ b/img-poblados/1945/100.jpeg
--- a/img-poblados/1945/101.jpeg
+++ b/img-poblados/1945/101.jpeg
--- a/img-poblados/1945/102.jpeg
+++ b/img-poblados/1945/102.jpeg
--- a/img-poblados/1945/103.jpeg
+++ b/img-poblados/1945/103.jpeg
--- a/img-poblados/1945/104.jpeg
+++ b/img-poblados/1945/104.jpeg
--- a/img-poblados/1945/105.jpeg
+++ b/img-poblados/1945/105.jpeg
--- a/img-poblados/1945/106.jpeg
+++ b/img-poblados/1945/106.jpeg
--- a/img-poblados/1945/107.jpeg
+++ b/img-poblados/1945/107.jpeg
--- a/img-poblados/1945/108.jpeg
+++ b/img-poblados/1945/108.jpeg
--- a/img-poblados/1945/109.jpeg
+++ b/img-poblados/1945/109.jpeg
--- a/img-poblados/1945/11.jpeg
+++ b/img-poblados/1945/11.jpeg
--- a/img-poblados/1945/110.jpeg
+++ b/img-poblados/1945/110.jpeg
--- a/img-poblados/1945/111.jpeg
+++ b/img-poblados/1945/111.jpeg
--- a/img-poblados/1945/112.jpeg
+++ b/img-poblados/1945/112.jpeg
--- a/img-poblados/1945/113.jpeg
+++ b/img-poblados/1945/113.jpeg
--- a/img-poblados/1945/114.jpeg
+++ b/img-poblados/1945/114.jpeg
--- a/img-poblados/1945/115.jpeg
+++ b/img-poblados/1945/115.jpeg
--- a/img-poblados/1945/117.jpeg
+++ b/img-poblados/1945/117.jpeg
--- a/img-poblados/1945/118.jpeg
+++ b/img-poblados/1945/118.jpeg
--- a/img-poblados/1945/119.jpeg
+++ b/img-poblados/1945/119.jpeg
--- a/img-poblados/1945/12.jpeg
+++ b/img-poblados/1945/12.jpeg
--- a/img-poblados/1945/120.jpeg
+++ b/img-poblados/1945/120.jpeg
--- a/img-poblados/1945/121.jpeg
+++ b/img-poblados/1945/121.jpeg
--- a/img-poblados/1945/122.jpeg
+++ b/img-poblados/1945/122.jpeg
--- a/img-poblados/1945/123.jpeg
+++ b/img-poblados/1945/123.jpeg
--- a/img-poblados/1945/124.jpeg
+++ b/img-poblados/1945/124.jpeg
--- a/img-poblados/1945/125.jpeg
+++ b/img-poblados/1945/125.jpeg
--- a/img-poblados/1945/126.jpeg
+++ b/img-poblados/1945/126.jpeg
--- a/img-poblados/1945/127.jpeg
+++ b/img-poblados/1945/127.jpeg
--- a/img-poblados/1945/128.jpeg
+++ b/img-poblados/1945/128.jpeg
--- a/img-poblados/1945/129.jpeg
+++ b/img-poblados/1945/129.jpeg
--- a/img-poblados/1945/13.jpeg
+++ b/img-poblados/1945/13.jpeg
--- a/img-poblados/1945/130.jpeg
+++ b/img-poblados/1945/130.jpeg
--- a/img-poblados/1945/131.jpeg
+++ b/img-poblados/1945/131.jpeg
--- a/img-poblados/1945/132.jpeg
+++ b/img-poblados/1945/132.jpeg
--- a/img-poblados/1945/133.jpeg
+++ b/img-poblados/1945/133.jpeg
--- a/img-poblados/1945/134.jpeg
+++ b/img-poblados/1945/134.jpeg
--- a/img-poblados/1945/135.jpeg
+++ b/img-poblados/1945/135.jpeg
--- a/img-poblados/1945/136.jpeg
+++ b/img-poblados/1945/136.jpeg
--- a/img-poblados/1945/137.jpeg
+++ b/img-poblados/1945/137.jpeg
--- a/img-poblados/1945/138.jpeg
+++ b/img-poblados/1945/138.jpeg
--- a/img-poblados/1945/139.jpeg
+++ b/img-poblados/1945/139.jpeg
--- a/img-poblados/1945/14.jpeg
+++ b/img-poblados/1945/14.jpeg
--- a/img-poblados/1945/140.jpeg
+++ b/img-poblados/1945/140.jpeg
--- a/img-poblados/1945/141.jpeg
+++ b/img-poblados/1945/141.jpeg
--- a/img-poblados/1945/142.jpeg
+++ b/img-poblados/1945/142.jpeg
--- a/img-poblados/1945/143.jpeg
+++ b/img-poblados/1945/143.jpeg
--- a/img-poblados/1945/145.jpeg
+++ b/img-poblados/1945/145.jpeg
--- a/img-poblados/1945/146.jpeg
+++ b/img-poblados/1945/146.jpeg
--- a/img-poblados/1945/147.jpeg
+++ b/img-poblados/1945/147.jpeg
--- a/img-poblados/1945/148.jpeg
+++ b/img-poblados/1945/148.jpeg
--- a/img-poblados/1945/149.jpeg
+++ b/img-poblados/1945/149.jpeg
--- a/img-poblados/1945/15.jpeg
+++ b/img-poblados/1945/15.jpeg
--- a/img-poblados/1945/150.jpeg
+++ b/img-poblados/1945/150.jpeg
--- a/img-poblados/1945/151.jpeg
+++ b/img-poblados/1945/151.jpeg
--- a/img-poblados/1945/152.jpeg
+++ b/img-poblados/1945/152.jpeg
--- a/img-poblados/1945/153.jpeg
+++ b/img-poblados/1945/153.jpeg
--- a/img-poblados/1945/154.jpeg
+++ b/img-poblados/1945/154.jpeg
--- a/img-poblados/1945/155.jpeg
+++ b/img-poblados/1945/155.jpeg
--- a/img-poblados/1945/156.jpeg
+++ b/img-poblados/1945/156.jpeg
--- a/img-poblados/1945/157.jpeg
+++ b/img-poblados/1945/157.jpeg
--- a/img-poblados/1945/158.jpeg
+++ b/img-poblados/1945/158.jpeg
--- a/img-poblados/1945/159.jpeg
+++ b/img-poblados/1945/159.jpeg
--- a/img-poblados/1945/16.jpeg
+++ b/img-poblados/1945/16.jpeg
--- a/img-poblados/1945/160.jpeg
+++ b/img-poblados/1945/160.jpeg
--- a/img-poblados/1945/161.jpeg
+++ b/img-poblados/1945/161.jpeg
--- a/img-poblados/1945/162.jpeg
+++ b/img-poblados/1945/162.jpeg
--- a/img-poblados/1945/163.jpeg
+++ b/img-poblados/1945/163.jpeg
--- a/img-poblados/1945/164.jpeg
+++ b/img-poblados/1945/164.jpeg
--- a/img-poblados/1945/165.jpeg
+++ b/img-poblados/1945/165.jpeg
--- a/img-poblados/1945/166.jpeg
+++ b/img-poblados/1945/166.jpeg
--- a/img-poblados/1945/167.jpeg
+++ b/img-poblados/1945/167.jpeg
--- a/img-poblados/1945/168.jpeg
+++ b/img-poblados/1945/168.jpeg
--- a/img-poblados/1945/169.jpeg
+++ b/img-poblados/1945/169.jpeg
--- a/img-poblados/1945/17.jpeg
+++ b/img-poblados/1945/17.jpeg
--- a/img-poblados/1945/170.jpeg
+++ b/img-poblados/1945/170.jpeg
--- a/img-poblados/1945/171.jpeg
+++ b/img-poblados/1945/171.jpeg
--- a/img-poblados/1945/172.jpeg
+++ b/img-poblados/1945/172.jpeg
--- a/img-poblados/1945/173.jpeg
+++ b/img-poblados/1945/173.jpeg
--- a/img-poblados/1945/174.jpeg
+++ b/img-poblados/1945/174.jpeg
--- a/img-poblados/1945/175.jpeg
+++ b/img-poblados/1945/175.jpeg
--- a/img-poblados/1945/176.jpeg
+++ b/img-poblados/1945/176.jpeg
--- a/img-poblados/1945/177.jpeg
+++ b/img-poblados/1945/177.jpeg
--- a/img-poblados/1945/179.jpeg
+++ b/img-poblados/1945/179.jpeg
--- a/img-poblados/1945/18.jpeg
+++ b/img-poblados/1945/18.jpeg
--- a/img-poblados/1945/181.jpeg
+++ b/img-poblados/1945/181.jpeg
--- a/img-poblados/1945/182.jpeg
+++ b/img-poblados/1945/182.jpeg
--- a/img-poblados/1945/183.jpeg
+++ b/img-poblados/1945/183.jpeg
--- a/img-poblados/1945/184.jpeg
+++ b/img-poblados/1945/184.jpeg
--- a/img-poblados/1945/185.jpeg
+++ b/img-poblados/1945/185.jpeg
--- a/img-poblados/1945/186.jpeg
+++ b/img-poblados/1945/186.jpeg
--- a/img-poblados/1945/187.jpeg
+++ b/img-poblados/1945/187.jpeg
--- a/img-poblados/1945/188.jpeg
+++ b/img-poblados/1945/188.jpeg
--- a/img-poblados/1945/189.jpeg
+++ b/img-poblados/1945/189.jpeg
--- a/img-poblados/1945/19.jpeg
+++ b/img-poblados/1945/19.jpeg
--- a/img-poblados/1945/190.jpeg
+++ b/img-poblados/1945/190.jpeg
--- a/img-poblados/1945/191.jpeg
+++ b/img-poblados/1945/191.jpeg
--- a/Show more
+++ b/Show more