D3js raster tools docs

This small documentation explains how to work with raster data and the d3js to create dynamic data visualizations.

Usually, the examples show how to place points or polygons on a map. Those examples are working with vectorial data. But many datasets are rasters, so the lack of examples and libraries made difficult to use d3js with meteorological data, DEM data, etc.

Some common representations could be easily done with existing libraries, others didn’t have available tools. This tutorial will show how to use:

And examples for all the common raster visualizations covered by the Basemap library. All the examples have the Canvas and the SVG version so it’s easy to use the most convenient.

I would really appreciate all the feedback. Disqus comments are available on each page.

Section Examples list

Wind arrows Wind barbs
Raster interpolation Raster original pixels
Isolines Isolines with labels
Isobands Streamlines
Projected GeoTIFF Projected raster interpolation
Leaflet Shaded relief

Other visualization examples

Layer selection Animated streamlines
Color scale isobands Color scale shaded relief