100%

Fork of Fork of NY State Map 3 - working-Filtering Dashboard-York Funding Data

✓ Published0🌍 Public

Last edited Aug 5, 2025

Created on Jun 3, 2025

Forked from Fork of NY State Map 3 - working-Filtering Dashboard-York Funding Data

This dashboard visualizes median home prices across New York State counties from 2022 to 2024, using a color-coded choropleth map rendered with d3.geoPath and TopoJSON. Users can switch years via a dropdown, click counties to filter all views, and hover for tooltips, with linked bar and trend charts updating accordingly. A metrics panel shows average, min, and max prices, while a separate list highlights top counties. Built with D3 v7, it uses d3.scaleSequential, d3.scaleBand, and d3.line to render the interactive SVG elements.

AI-generated description

New York State County Data Visualization

This dashboard visualizes county-level median home price data for New York State using data from data.csv.

Features

Interactive Map: Color-coded map showing median home prices with hover tooltips
Year Selector: Switch between 2022, 2023, and 2024 to see historical data
County Filtering: Click on any county to filter all visualizations
Metrics Dashboard: Shows average, min, and max median home prices for the selected year
Top Counties: Lists counties with the highest median home prices
Bar Chart: Compares median home prices across counties
Trend Chart: Shows median home price trends over time for selected counties

Data Source

County data: data.csv (2022-2024 median home prices)

Usage

Use the year selector to change the displayed year
Click on any county in the map to filter all visualizations
Use the "Reset Filter" button to clear the county filter
Hover over map elements and charts to see detailed tooltips

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of NY State Map 3 - working-Filtering Dashboard-York Funding Data

This interactive housing dashboard visualizes New York State county-level housing metrics alongside a U.S. city comparison map, supporting exploration via a year selector and county click-filtering. It renders a choropleth map of counties using TopoJSON geo data and `d3.geoPath`, with circles scaled by population and colored by median home price on a separate U.S. map. Linked bar charts and line charts update based on selections, making use of D3's scales, axes, and selection methods. The dashboard displays data sourced from a CSV containing sales counts and median prices for 2022–2024.

NNita

94% match

Loading thumbnail…

Fork of Fork of Fork of Fork of NY State Map 2 - working-Dashboard

This interactive dashboard visualizes New York State housing market data from 2022 to 2024, showing median home prices on a choropleth map of counties and ranking the top 15 counties by sales volume in a bar chart. A year selector updates all views simultaneously, while additional panels display key metrics and year-over-year price trends for the top five counties. The map uses d3.geoMercator with US Census TopoJSON data, and the trends chart employs d3.line. When a user hovers over a county, a tooltip shows zip code information.

NNita

92% match

Loading thumbnail…

Fork of Fork of NY State Map 2 - working-Dashboard

This interactive dashboard visualizes the New York State housing market from 2022 to 2024, allowing users to select a year to see median home prices and sales data across counties. It features a choropleth map of median prices, top counties by price, a bar chart of sales volumes, and line charts tracking price trends, alongside key summary metrics. Built with D3.js v7, the maps are rendered using the TopoJSON library with a geoMercator projection, and the charts employ d3.axis, d3.scaleBand, d3.scalePoint, and d3.geoPath. Data is loaded from a local `data.csv` file, with interactive tooltips providing on-demand details.

NNita

91% match

Loading thumbnail…

Fork of Fork of Fork of NY State Map 2 - working-Dashboard

This dashboard visualizes New York State housing market trends from 2022 to 2024, showing median home prices on a choropleth map of state counties, alongside interactive bar charts, a line chart for price trends, and summary metrics. Users select a year from a dropdown menu to update all visualizations simultaneously. The map uses d3.geoPath with a Mercator projection to render county boundaries from US Atlas TopoJSON data, while the charts utilize d3.scaleBand, d3.scaleLinear, and d3.line to display data loaded from a CSV file.

NNita

91% match

Loading thumbnail…

Fork of NY State Map 4 - Filtering Dashboard

This dashboard visualizes New York State’s housing market across 62 counties, with a choropleth map showing median home prices, a bar chart ranking sales volume, and a line chart tracking three-year price trends. Users filter any view by clicking a county on the map, which instantly updates all other panels to show only that county’s data. The map uses `d3.json` to load TopoJSON boundaries, `d3.geoMercator` for projection, and `d3.scaleSequential` for color encoding. The bar chart uses `d3.scaleBand` and `d3.scaleLinear`, while the trend chart employs `d3.line` curves. A year selector drives reactive updates across all visualizations.

NNita

91% match

Loading thumbnail…

Fork of NY State Map 2 - working

This interactive choropleth map visualizes 2023 median home prices and sales volume for New York State counties. A sequential blue color scale encodes price magnitude, while hovering reveals a tooltip with county FIPS, median price, and sales count. The map uses D3.js v7 and TopoJSON with a `d3.geoMercator()` projection, drawing county paths via `d3.geoPath()` and loading data from a local CSV. The visualization includes a gradient legend and state boundary, with counties lacking data rendered in gray.

NNita

90% match

Loading thumbnail…

NY State Map 3 - working-Filtering Dashboard

This dashboard visualizes New York State housing market data from 2022 to 2024 across counties, featuring a choropleth map (d3.geoPath with a Mercator projection) colored by median home price, a bar chart of sales counts, and a line chart (d3.line) of price trends. Using D3.js, users select a year via dropdown to update all charts, and clicking a county on the map filters every chart to that county, highlighting selections in red. The bar chart shows the top 15 counties by sales when unfiltered, and the trend chart overlays lines for the top five counties by median price. Data is loaded from a CSV and processed through a custom `DataLoader` singleton that broadcasts updates to all registered chart listeners.

NNita

88% match

Loading thumbnail…

Fork of Fork of Fork of Fork of The home prices across different counties in New York State - Dashboard 2

This interactive dashboard visualizes median home prices and sales data for New York State counties from 2022 to 2024. A large bar chart displays median prices per county, with a rankings panel showing the top ten most expensive counties, a scatterplot relating price to sales volume, and line charts tracking both median home prices and sales trends over time. Users can filter by year via button selectors and click elements to highlight a specific county across all charts. The application is built with React and D3.js (v7), using SVG rendering with animated transitions for bars, axes, and data points.

NNita

88% match