Skip to content

Details

A la hora de visualizar datos en un mapa podemos usar desde un fichero PNG estático, pasando por un formato vectorial (e.g. SVG) hasta un servicio de mapas de escala mundial. Dependiendo del caso de uso deberemos elegir una opción, otra, o un híbrido.

Por ejemplo, en este mapa web puedes ver cómo pintar este fichero de 45MB en JSON con 34.980 polígonos, donde a su vez cada polígono tiene muchos vértices, en Leaflet y sin optimizar no es una buena idea.

En esta sesión repasaremos rápidamente estas opciones para luego centrarnos principalmente en diferentes técnicas, herramientas y tecnologías que nos ayudarán a crear visualizaciones más rápidas e interactivas, especialmente en los escenarios más complejos en los que necesitamos visualizar, explorar y filtrar datasets que incluyen decenas o cientos de miles de elementos gráficos que pueden ocupar GBs de manera ágil y rápida.

Algunas de estas técnicas y herramientas son:

  • Teselado (raster & vector)
  • Agregación (clustering, heatmaps, binning, ...)
  • Generalización cartográfica (e.j. simplificar líneas/polígonos reduciendo el nº de vértices)
  • Controles de escala
  • Transformación de formatos (e.j. TopoJSON)
  • ...

Durante la sesión veremos y usaremos varias tecnologías que nos permitirán realizar dichas optimizaciones, aunque para ilustrar gran parte de las optimizaciones usaremos JavaScript y una cuenta gratuita de ArcGIS. A pesar de esto, prácticamente todo lo que veremos es aplicable a cualquier otro lenguaje de programación y a otras tecnologías.

Related topics

Data Visualization
Geospatial
Maps
Web Mapping
Web Performance

You may also like