How to render huge GeoJSON datasets on a map (part 1).

This is a quick example of how to handle plotting large/massive amounts of GeoJSON data on an interactive map in a web browser with ease (I’m talking +100MB).

We’ll be using deck.gl. It’s pretty impressive (the main downside is that the main map renderer it relies on is MapBox GL, which is not Open Source from v2).

In Part #2, we look at how to do this using strictly Open Source tools only.

If you’re skeptical and/or impatient — you can head straight over to https://kepler.gl/demo (it’s built on deck.gl) and try loading some of your own data to see it in action! 🙌

Need to do this in python? Jupyter notebook? Deck.gl also has python bindings - checkout PyDeck 😎

Deck.gl is one of a collection of powerful WebGL tools from vis.gl, see the list here: https://vis.gl/frameworks.

This list includes kepler.gl which I referred to earlier — it’s a higher-level geospatial analysis tool which builds on top of deck.gl and MapBox GL to deliver a more fully fledged web application that is quite powerful out of the box - and can be integrated into your existing React/Redux applications.

Example data for the Great Barrier Reef was derived from CSIRO’s eReefs products.