Renderización de datos raster meteorológicos en el navegador con D3js

Roger Veciana i Rovira (Meteocat)


En los últimos años, han aparecido numerosas librerías y servicios que ayudan a crear mapas web de forma relativamente rápida y sencilla. La visualización de datos raster acostumbra a estar menos desarrollada que la de datos vectoriales.


La solución típica pasa por generar todas las imágenes o tiles, o crear un sistema que lo haga dinámicamente a nivel de servidor. Dado que el número de capas generados a diario en el Servei Meteorològic de Catalunya es del orden de las decenas de millares, el tiempo de cálculo y el almacenamiento son un reto a la hora de crear nuevos productos.


En el SMC se requería poder mostrar datos raster de forma dinámica cambiando las escalas de color, intervalos de datos o proyecciones. También disponer de los valores numéricos de los datos y mezclar las capas según las necesidades del usuario.


Afortunadamente, existen distintas librerías en JavaScript que permiten la lectura de datos y la visualización de los mismos de forma muy eficiente.


La librería D3js era una buena opción para implementar un sistema de este tipo, aunque carecía de algunas funciones que se implementaron para el proyecto.