100%

Quantile Choropleth

✓ Published3🌍 Public

Last edited May 14, 2025

Created on May 13, 2025

Forked from Fork of NY State Map 2 - working

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.

AI-generated description

New York State Home Prices Choropleth Map

This visualization displays the median home prices across counties in New York State for 2023. The map uses a quantile scale with 5 color classes to show the distribution of home prices.

Features

Choropleth map of New York State counties
Quantile color scale showing median home prices
Tooltip information on hover
Legend with quantile thresholds

Data Source

The visualization uses 2023 housing data from New York State, including median home prices and number of sales by county.

File Structure

index.html - Main HTML file
styles/main.css - CSS styles
data/data.csv - County housing data
js/ - JavaScript modules:
- main.js - Entry point that initializes the application
- dataLoader.js - Functions to load and process data
- mapCreator.js - Functions to create and render the map
- colorScale.js - Functions to create color scales
- legendCreator.js - Functions to create the map legend

MIT Licensed

Similar vizzes

Loading thumbnail…

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

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

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

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

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

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

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

79% match

Loading thumbnail…

Quantile Choropleth

A quantile choropleth maps U.S. county unemployment rates to a nine-step blue color scale, with state boundaries overlaid in white. The d3.v3 code uses `d3.scale.quantile` and `d3.geo.albersUsa` with `d3.geo.path` to render SVG paths. Data loads via `queue` and `d3.tsv`, while TopoJSON provides county and state geometries.

Mmbostock

79% match