https://github.com/pelmers/metro-lens

Web app for interactive maps of urban land use and mobility
https://github.com/pelmers/metro-lens

geospatial map-visualization mapbox openstreetmap urban-planning urbanism

Last synced: 1 day ago
JSON representation

Web app for interactive maps of urban land use and mobility

• Host: GitHub
• URL: https://github.com/pelmers/metro-lens
• Owner: pelmers
• License: mit
• Created: 2023-07-24T18:26:32.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-10-26T14:18:58.000Z (3 months ago)
• Last Synced: 2025-10-26T16:23:45.730Z (3 months ago)
• Topics: geospatial, map-visualization, mapbox, openstreetmap, urban-planning, urbanism
• Language: TypeScript
• Homepage: https://metro.pelmers.com
• Size: 9.15 MB
• Stars: 17
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Roadmap: Roadmap.md

Awesome Lists containing this project

README

          
[![Metro Lens](res/metro_banner.png)](https://metro.pelmers.com/)

# [Metro Lens](https://metro.pelmers.com)

### Interactive maps of urban land use and mobility

![](res/20s_usage.gif)

### Description

[Metro Lens](https://metro.pelmers.com) is a web app built to answer some of the questions I have most often about urban areas.

- How large is the area?

- How many people live here?

- How many cycling paths are there?

- How much car parking?

- How many bus routes? Train stations? Parks and recreation areas?

This app specifically answers all these questions on any arbitrary provided shape, scratching

the urbanism investigation itch, a la [CityNerd](https://www.youtube.com/c/citynerd).

See the examples below and compare your favorite city, or shame your most detested!

Try it here: [metro.pelmers.com](https://metro.pelmers.com).

For more details: [My Blog post](https://pelmers.com/metro-something-something/).

### Examples

![](res/houston_ex.png)

_10km radius around Houston_

![](res/ams_ex.png)

_10km radius around Amsterdam, density stats_

![](res/dodgers_parking.png)

_Dodger Stadium, LA_

![](res/miduptown_nyc.png)

_Manhattan, NYC_

**What will you discover?**

### Usage

The app presents a map, initially centered on a randomly selected large city.

Click either the polygon or circle button to draw a shape on the button.

Then see relevant areas highlighted on the map and the statistics table populated.

You can customize various display options, such as changing between satellite and map views, or metric and imperial measurements.

Data sources:

- [WorldPop](https://www.worldpop.org)

- [OpenStreetMap](https://www.openstreetmap.org)

### Future work

- See [Roadmap.md](./Roadmap.md)

### Development

- Build: `yarn build`

- Development server: `yarn dev`

- Format code: `yarn format`