New York State County Map

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.

90% match

USA Map 1

This choropleth map displays 2023 median home prices for New York State counties, overlaid on the United States using an Albers projection. Counties with available data are colored on a blue sequential scale from d3.interpolateBlues, while unshaded counties appear in gray. The map loads TopoJSON boundaries from us-atlas and CSV price data via d3.json and d3.csv. Hover tooltips, built with SVG paths and a d3.geoPath projection, reveal the median price and sales counts for each county.

86% match

Fork of Quantile Choropleth

This choropleth map displays median home prices by county across New York State for 2023. The visualization immediately reveals the stark regional disparities in housing costs, from high-priced counties like Nassau and Westchester to more affordable northern regions. The map uses a quantile color scale created with `d3.scaleQuantile` and rendered through `d3.geoPath`, with New York-specific county boundaries extracted from TopoJSON data. County polygons are colored from the `d3.schemeBlues` palette. Hovering over a county reveals a tooltip with its exact median price and sales count, drawing from the provided CSV housing dataset.

Hhunsingeruk@gmail.com

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.

Quantile Choropleth

This choropleth map shows 2023 median home prices across New York State counties, colored with a quantile scale divided into five classes using `d3.scaleQuantile` and `d3.schemeBlues`. County polygons are rendered with `d3.geoPath` and a Mercator projection fitted to the state, with tooltips revealing median prices and sales counts. The visualization loads TopoJSON geography and CSV housing data, and includes a legend displaying threshold values. It uses D3 v7 for all data binding, map rendering, and interaction.

CCurran Kelleher

Map of The median home prices across different counties in New York State

This interactive map displays median home prices across New York State counties for 2022–2024, with a year selector and tooltips that include mini trend charts of price changes over time. County polygons are rendered with `d3.geoPath` and a Mercator projection, filled using a viridis sequential color scale via `scaleSequential`. The React app manages UI state, while D3 handles SVG rendering, transitions, and animations on year changes. Housing data comes from the New York State Association of REALTORS®, joined with GeoJSON county boundaries.

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.

84% match

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.