Octavo ejemplo del taller Mapas web interactivos con D3.js en el programa de las 9as Jornadas SIG Libre .
Segundo ejemplo de cartografía usando D3js. Al ejemplo anterior se le añade una gratícula para ver los paralelos y meridianos.
Noveno ejemplo del taller Mapas web interactivos con D3.js en el programa de las 9as Jornadas SIG Libre .
Dibuja el mismo mapa simple usado en el primer ejemplo, pero usando Canvas en lugar de SVG.
Séptimo ejemplo del taller Mapas web interactivos con D3.js en el programa de las 9as Jornadas SIG Libre .
Primer ejemplo de cartografía usando D3js. Las partes comentadas son para ver los efectos de cambiar las proyecciones en el mapa final.
Sexto ejemplo del taller Mapas web interactivos con D3.js en el programa de las 9as Jornadas SIG Libre .
En este ejemplo se añade la escala al ejemplo anterior. También se cambian los colores cuando el ratón pasa por encima de un sector.
Los datos son de la encuesta GAD3, del 9-13 de enero de 2015. Fuente: Wikipedia
Quinto ejemplo del taller Mapas web interactivos con D3.js en el programa de las 9as Jornadas SIG Libre .
En este ejemplo se añade una animación al ejemplo anterior al layout de forma que los sectores se dibujan de forma consecutiva.
Los datos son de la encuesta GAD3, del 9-13 de enero de 2015. Fuente: Wikipedia
Cuarto ejemplo del taller Mapas web interactivos con D3.js en el programa de las 9as Jornadas SIG Libre .
En este ejemplo se muestra como usar un layout de D3.js.
El layout usado se llama pie layout y sirve para hacer gráficos tipo tarta, pero también se puede usar para representar los escaños en el Congreso de los Diputados, como en este caso.
Los datos son de la encuesta GAD3, del 9-13 de enero de 2015. Fuente: Wikipedia
Décimo ejemplo del taller Mapas web interactivos con D3.js en el programa de las 9as Jornadas SIG Libre .
Dibuja el mismo mapa simple usado en el ejemplo de mapa simple usando Canvas, añadiendo la esfera que hace de fondo del mapan de forma correcta.
Undécimo ejemplo del taller Mapas web interactivos con D3.js en el programa de las 9as Jornadas SIG Libre .
Dibuja un mapa de burbujas a partir de los datos de los conflictos bélicos actuales. Datos de la Wikipedia.
Décimotercer ejemplo del taller Mapas web interactivos con D3.js en el programa de las 9as Jornadas SIG Libre .
Dibuja un mapa de coropletas con los resultados electorales de las elecciones de 2011. Al pasar el ratón por las provincias, aparece un +tooltip* con el resultado. Fuente: Wikipedia
This example is the same as this Jason Davies GIST, but using Canvas instead of SVG.
How is the color selected:
The place was easy to find
context.fillStyle = color(d.color = d3.max(neighbors[i], function(n) { return countries[n].color; }) + 1 | 0);
I had to think for some time to understand how does this work. Let's separate it: