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.