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.
Duodécimo 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. Fuente: 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:
This example shows how to create the drop shadow effect in a map using Canvas.
Since the Canvas object already has the tools to do that, the code is really simple.
Another experiment, this time using an erode filter to make the coastline more visible
A modified conic conformal projection that shows the Canary Islands next to the Iberian Peninsula so working with data in Spain becomes easier.
This file shows how to use the albersUsa projection from d3-composite-projections. In this case, the example (and projection) is copied directly from the d3 projection, but adding the borders a the composed zones.
This file shows how to use the conicConformalPortugal projection from d3-composite-projections. Since the world layer is used, note that the Iberian Peninsula is clipped at the projection border. These projections work well when used at the place they are intended for.