Examples

A list of examples to demonstrate adding kepler.gl to your app. Each of the examples is a complete project that can be ran locally.

To start each example, cd into the folder then run:

yarn && yarn start

• ​Demo App​

  kepler.gl as a single page app, loading sample maps from remote url, saving map data to dropbox. This is also the source code of kepler.gl/#/demo.

• ​Open Modal​

  Open kepler.gl in a modal.

• ​Custom Reducer​

  Customize kepler.gl reducer initial state, adding more actions using plugin.

• ​umd client​

  A single html file loading kepler.gl

• ​Replace UI Component​

  Example showing how to replace kepler.gl default ui components using injectComponents method.

• ​Custom theme​

  Customize kepler.gl theme by override default style properties.

• ​Node App​

  Embed Kepler.gl in a node/express/webpack application.

• ​Custom map style​

  Demo how to use kepler.gl with other basemap services other than Mapbox.