FOSS4G 2023

Supercharging deck.gl layers with extensions
06-29, 10:30–11:00 (Europe/Tirane), UBT D / N113 - Second Floor

deck.gl is a popular open source data visualization library that uses the power of WebGL to render huge amounts of data performantly in the browser. A collection of versatile layers allows the user to create many different types of visualizations, with excellent support for geospatial data in particular.

The core layers can be extended by the means of deck.gl extensions to create interactive experiences which are not possible in other data visualization frameworks.

This talk will give an overview of deck.gl, including some of the core layers and will then focus on three of the latest extensions:

  • The CollisionFilterExtension avoids collisions between features on screen. This can be used to selectively show large cities in preference to small ones on a map when they would otherwise overlap or laying out labels.
  • The MaskExtension implements realtime masking of data by an arbitrary spatial boundary. An example use case is clipping a set of roads and places of interest to the boundary of a city.
  • The TerrainExtension offsets the 3D component of features by referencing a separate 3D layer. For example, a set of pins on a map can be placed at the correct height relative to a 3D terrain layer.

Master in Physics at the University of Oxford. Creator of Procedural GL 3D mapping library. Open source JavaScript developer currently focusing on deck.gl library. Currently working at CARTO as Principal Rendering Engineer.