Skip to content
Social Good

City Budget Visualizer

Explore where your city spends money with interactive charts.

Intermediate14h1–2 people17/20 fit
TL;DR

Build City Budget Visualizer for citizens and journalists in ~14h with 1–2 people. Stack: ECharts + Python + Next.js.

Why it wins: Transparency judges appreciate.

Build flow

01 · Problem
Budget documents are long PDFs nobody reads.
02 · Solution
Extract budget tables, show spending by department and ward over years and explain changes.
03 · Build
  1. 1Extract tables
  2. 2Clean data
  3. 3Chart
  4. 4Explain changes
04 · Demo
Drill into road spending in one ward.

MVP checklist

  • Budget extraction
  • Treemaps
  • Year comparison
  • Explanations

Tech stack

TechRole
EChartsInteractive charts
PythonBackend / scripting
Next.jsFrontend + API routes

Reference repos

Open-source projects you can build on. Links checked 2026-10-31.

Related ideas

More Social Good

  • Social Good

    Election Promise Tracker

    Track what elected officials promised and what they delivered

    Intermediate14h2–3
    Next.jsPostgresLLM
    17/20

  • Social Good

    NGO Impact Report Generator

    Turn program spreadsheets into a polished impact report for donors

    Beginner10h1–2
    Next.jsEChartsReact-PDF
    17/20

  • Web3

    DAO Treasury Dashboard

    See treasury holdings, spending and runway in one view

    Intermediate14h1–2
    ViemEChartsNext.js
    17/20