Interactive Map Visualization with Kepler GL and Streamlit

Explore Kepler GL’s demo UI to visualize loaded point data without code, customize colors, opacity, radius, filters, cluster settings, boundary layers, and upgraded map styles.

Explore Kepler GL map visualizations in Google Colab to fine tune settings and extract the configuration for Streamlit visualization. Colab offers more reliable widget rendering than Jupyter notebooks.

Create a base map with Kepler gl in Colab, adjust the map style between dark and light, and extract the Kepler configuration from the saved html for later use.

Create a boundary layer from boundary data on a Kepler GL map, configure it as a polygon with GeoJSON geometry, and export the Kepler config as JSON for Streamlit.

Build a point layer with Kepler GL, configure clustering and color by measure, and extract the map configuration from HTML to JSON for reuse in a Streamlit workflow.

Create an H3 layer on a map with Kepler GL in Colab, adjust the measure-based color and opacity, then extract and save the config as JSON in Google Drive.

Build a line layer with start-end points on a map using Kepler GL, compare arc and line visuals, and extract the Kepler GL config for Streamlit from the HTML export.

Organize the extracted Kepler GL configuration into a ready-to-use base map with boundary, point, h3, and line layers stored in New York City Taxi json file for streamlit visualization.

Build a Python Streamlit web app to share map visualizations, using UI elements like buttons, sliders, select boxes, and a collapsible expander to control location base and H3 resolution.

Load the base kepler gl configuration and nyc taxi data in streamlit, then initialize session state and display an 800-pixel map with center map true to fit data.

Add boundary layers to a streamlit map using New York City's borough data. Define a reusable add layer to config function and toggle layers with a streamlit form.

Add point layers to the map with Kepler GL and Streamlit, featuring trip count and passenger count layers, data filtering, unique layer IDs, and UI to display boundaries and points.

Add h3 layers to the map to visualize trip count and passenger count, configuring layer IDs, h3 resolution, and tooltips for interactive kepler gl maps in streamlit.

Explore adding line layers to a map with Kepler GL and Streamlit, and display trip count and passenger count as separate layers.

Configure a preset layer order for a Kepler GL map in streamlit, enabling multi-layer overlays with a default top-to-bottom order of line, point, H3, and boundary, plus easy adjustments.

Create a requirements.txt with pandas and Streamlit Kepler GL, push code to a GitHub repo, link it to Streamlit Cloud, and deploy the map app with public or restricted sharing.

Learn to apply a custom Mapbox map style in Kepler GL with Streamlit by creating a streets style, generating a Mapbox token, updating secrets, and setting the style as default.

Download an older, working map style, unzip to obtain the JSON, upload the JSON to create a new Mapbox style, publish, and share the URL and token to apply it.