Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

York Funding Data

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

0465828c203a491aa43df44f293454ca

Open

York Funding Data

0 stars1🌍 Public
NNita
Last edited May 21, 2025
Created on May 21, 2025

A bar chart shows median home prices for sixteen U.S. cities, sorted from highest to lowest value. Clicking a bar reveals a details panel with population, rent, income, job growth, and unemployment data for that city. Built with React and D3 v7, it uses `scaleBand` and `scaleLinear` for axes, a ResizeObserver for responsive sizing, and D3's enter-update-exit pattern to animate bars and the details panel. Data loads asynchronously from a CSV file via `d3.csv`.

AI-generated description

City Data Visualization

This visualization shows median home prices across different US cities. The data includes information about population, median home prices, median rent, household income, job growth rate, and unemployment rate.

Features

  • Interactive bar chart showing median home prices
  • Click on bars to highlight specific cities
  • Responsive design that adapts to viewport size

Implementation

Built with React and D3.js