This an example using the D3 trail layout made by Benjamin Schmidt.
The final example, with the typhoon icon moving along the path and the date for each frame shown. This version uses the coordinates value instead of xy, so paths are drawn instead lines
There is a blog entry explaining this example at GeoExamples
Primer ejemplo del taller Mapas web interactivos con D3.js en el programa de las 9as Jornadas SIG Libre .
El ejemplo muestra como crear un gráfico de barras sencillo con D3js.
Los datos son de la encuesta GAD3, del 9-13 de enero de 2015. Fuente: Wikipedia
Segundo ejemplo del taller Mapas web interactivos con D3.js en el programa de las 9as Jornadas SIG Libre .
Al ejemplo anterior, añadimos transiciones y textos.
Los datos son de la encuesta GAD3, del 9-13 de enero de 2015. Fuente: Wikipedia
Tercer ejemplo del taller Mapas web interactivos con D3.js en el programa de las 9as Jornadas SIG Libre .
Al ejemplo anterior, añadimos un popup con la información numérica.
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
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
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
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.
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.
