Examples

Search…

Welcome

Docs

Examples

Customize kepler.gl Theme

Customize kepler.gl Reducer

Contributing

Change Log

Upgrade Guide

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:
1
yarn && yarn start
Copied!
​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.

Jupyter Notebook

Node/Express

Last modified 1yr ago

Copy link