cali-vibe

KO | EN

gitlite — search

#javascript #python #hacktoberfest #ai #golang #go #android #java #cli #kubernetes #vue #ios #mcp #open-source

(★ 11)

Interactive California map with cities/counties comparison — housing costs, crime rates, population, temperature, sunshine, transit routes, and 3D terrain by county and city

cali-vibe 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# CaliVibe — Interactive California Map

> Explore and compare California counties and cities on a single interactive map: housing costs, income, education, school performance, race/ethnicity, age distribution, poverty, crime rates, population, temperature, sunshine hours, transit routes, and 3D terrain.

**[Open the live map: Compare California counties and cities](https://trekhleb.dev/cali-vibe)**

![CaliVibe — Interactive California Map](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/00-preview-xl.png)

## Why

Researching California neighborhoods usually means jumping between Census tables, DOJ crime reports, climate databases, and transit schedules. CaliVibe puts it all on a single interactive map so you can compare counties and cities side-by-side without switching tabs.

## What you can explore

▶️ [Demo on YouTube](https://www.youtube.com/watch?v=1hLrH-K0fII)

### Compare counties and cities

Compare any California counties or cities side by side across all metrics — population, crime, housing, income, education, school performance, race/ethnicity, age distribution, and poverty. Color-coded cells highlight the best and worst values. Sortable columns, drag-to-reorder, and shareable via URL.

![California counties comparison](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/18-county-comparison.png)

![California cities/counties comparison](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/15-california-city-county-comparison.gif)

### Housing cost by county

Median home value and median gross rent for all 58 California counties, based on US Census Bureau ACS 5-year estimates (2019–2023). Choropleth color scale, sortable data table, hover to see exact values.

![California housing per county - Homes](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/10-housing-home.png)

![California housing per county - Rent](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/10-housing-rental.png)

### Crime rates by county and city

10 crime categories (violent, property, homicide, robbery, burglary, motor vehicle theft, and more) per 100,000 residents. Data from CA DOJ OpenJustice 2023 report. Sortable table view with absolute and per-capita modes.

![California crime rate map by county](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/05-framed.png)

![California county crime statistics table](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/06-framed.png)

### School performance by county and city

Average ELA and Math scores (Distance from Standard), graduation rates, and school counts aggregated by county and city from CDE Dashboard Indicators (2025). Individual school locations (11,600+ public schools) can be displayed as colored dots based on their Dashboard rating, ELA score, or Math score. Filter by school level (Elementary, Middle, High).

County schools stats:

![County schools](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/17-schools-counties.png)

City schools stats:

![City schools](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/17-schools-cities.png)

Schools by rating:

![Schools by rating](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/17-schools-points.png)

### Population by county

2024 population estimates for every county, color-coded choropleth with sortable data table. Source: CA Department of Finance E-6 estimates.

![California county population map](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/04-framed.png)

### Temperature map

Monthly average high, low, and mean temperatures on an H3 hexagonal grid. 10-year normals (2014–2023) in Fahrenheit or Celsius. Two grid resolutions available.

![California temperature map by month](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/02-framed.png)

### Sunshine hours

Average daily sunshine hours by month for every part of California. Satellite-derived data (NREL NSRDB) and reanalysis data (ERA5) on an H3 hex grid. Great for comparing coastal fog vs. inland sun.

![California sunshine hours per month](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/11-sunshine.png)

![California monthly sunshine hours](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/13-california-monthly-sanshine-hours.gif)

### Transit map — 18 rail systems

Routes and stations for all major California rail and light rail systems: BART, Caltrain, LA Metro, Muni Metro, VTA, SMART, Metrolink, San Diego Trolley, Coaster, Sprinter, Sacramento RT, ACE, and 6 Amtrak routes (Capitol Corridor, Pacific Surfliner, San Joaquins, Coast Starlight, California Zephyr, Southwest Chief). Toggle individual lines, search stations by name.

![California transit and rail map](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/12-transit-all.png)

![California transit and rail map: Bay Area](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/12-transit-bay-area.png)

![California transit and rail map: LA and San Diego](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/12-transit-la-sd.png)

### County and city boundaries

All 58 California counties and 697 places (482 cities + 215 CDPs) with color-coded or outline borders.

![California counties and cities map](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/03-framed.png)

### 3D terrain

Rotatable raised-relief view of California with labeled mountain peaks (feet or meters). Mt. Whitney, Mt. Shasta, Half Dome, and more.

![California 3D terrain map with mountain peaks](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/01-framed.png)

### Data-driven county/city summaries

Since CaliVibe accumulated a descent amount of statistical data, it made it possible to generate the data-driven summary of cities and counties, blending the statistical data with broadly known observations about the place.

![Data-driven county/city summaries](https://raw.githubusercontent.com/trekhleb/cali-vibe/main/public/demo/19-area-summary.png)

### Other features

- **Compare** — compare any counties or cities side by side across all metrics (including school performance and age distribution) with color-coded rankings, shareable via URL
- **Favorites** — save and reorder locations with drag-and-drop, persisted in local storage
- **Shareable state** — every toggle, metric, comparison, and view is encoded in the URL so you can bookmark or share exact map views
- **Mobile-friendly** — responsive layout with collapsible sidebar

## Tech stack

React, TypeScript, Vite, MapLibre GL JS, Tailwind CSS. H3 hexagonal grid for climate data. Playwright for visual regression testing. Deployed on GitHub Pages.

## Data sources

| Layer | Source | Year |
|---|---|---|
| Age distribution | [US Census Bureau ACS](https://data.census.gov/) — B01001, B01002 | 2019–2023 |
| Housing cost | [US Census Bureau ACS](https://data.census.gov/) — B25077, B25064 | 2019–2023 |
| County crime | [CA DOJ OpenJustice](https://openjustice.doj.ca.gov/data) | 2023 |
| City crime | [CA DOJ OpenJustice](https://openjustice.doj.ca.gov/data) | 2023 |
| School performance | [CA Dept. of Education](https://www.cde.ca.gov/ta/ac/cm/) Dashboard Indicators | 2025 |
| Population | [CA Dept. of Finance](https://dof.ca.gov/forecasting/demographics/estimates-e1/) E-1 / E-6 | 2024 |
| Temperature | [ERA5 Reanalysis](https://www.ecmwf.int/en/forecasts/dataset/ecmwf-reanalysis-v5) via [Open-Meteo](https://open-meteo.com/) | 2014–2023 |
| Sunshine | [NSRDB GOES TMY](https://nsrdb.nrel.gov/) (NREL) / ERA5 | 2014–2023 |
| County boundaries | [CA Open Data Portal](https://data.ca.gov/dataset/ca-geographic-boundaries) / US Census TIGER/Line | 2023 |
| City boundaries | [US Census Bureau TIGER/Line](https://www.census.gov/geographies/mapping-files/time-series/geo/tiger-line-file.html) | 2024 |
| Transit (BART, Caltrain, etc.) | GTFS feeds from each agency | 2024–2025 |
| Elevation / 3D terrain | [AWS Terrain Tiles](https://registry.opendata.aws/terrain-tiles/) | — |
| Map tiles | [MapLibre GL JS](https://maplibre.org/) with [OpenStreetMap](https://www.openstreetmap.org/copyright) data | — |

## Vibe-coded

`~98%` of the code was written by Claude Code (Opus) with a few sprinkles from Gemini 2.5 Pro.

---

*For informational and educational purposes only. Data may be incomplete or inaccurate. Do not make decisions based solely on the information presented here.*

cali-vibe

cali-vibe 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

cali-vibe

cali-vibe 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README