100%

Fork of NY State Map 2 - working

✓ Published3🌍 Public

Last edited May 6, 2025

Created on May 6, 2025

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.

AI-generated description

New York State Home Prices Choropleth Map

This visualization shows county-level median home prices for New York State counties in 2023.

Data

The data includes:

County FIPS codes
County names
Home sale counts and median prices for 2022-2024

Features

Interactive map highlighting county-specific data when hovering
Color-coded counties based on median home prices
Tooltip showing detailed county information
Color legend showing the price scale

How to View

Open the index.html file in a web browser
Hover over counties to see detailed information about the median home prices and sales numbers

Tools Used

D3.js for data visualization
TopoJSON for map data

MIT Licensed

Similar vizzes

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

91% 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

90% match

Loading thumbnail…

Fork of 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.

NNita

90% match

Loading thumbnail…

Map of NY State County

This choropleth map of New York State counties visualizes median home sale prices for 2023, with each county shaded using a sequential blue color scale. Hovering over a county highlights its borders and displays a tooltip with the county name, median price, and sales count. The visualization uses `d3.geoMercator` and `d3.geoPath` to project TopoJSON county boundaries, `d3.scaleQuantize` for color mapping, and `d3.axisBottom` for the legend. Data comes from provided real estate sales records, with missing values shown in gray.

NNita

90% 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

89% match

Loading thumbnail…

Fork of Map NY fips 1

This interactive map of New York State counties visualizes housing market data, allowing users to toggle between median home prices and the number of sales for 2022, 2023, and 2024. The map uses D3’s `geoMercator` projection and `geoPath` to render county boundaries, with a `scaleSequential` color scale providing the legend. By clicking up to five counties, a sidebar table offers detailed year-over-year comparisons. The React frontend manages user selections, while D3 builds the SVG chart, controls, and tooltips.

NNita

89% 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

89% match

Loading thumbnail…

Fork of A9: D3 Choropleth Map

This interactive choropleth map visualizes county-level real estate metrics across New York, allowing users to compare median home prices or sales counts for 2022–2024 via dropdown menus. Hovering a county reveals its specific value in a tooltip. The visualization uses D3 v7 with `d3.geoPath` and `d3.geoAlbers` to project TopoJSON boundaries from the US Atlas, while `d3.scaleQuantile` drives a color legend. County colors transition smoothly between selections, and counties lacking data appear gray.

NNita

88% match