Skip to main content
SimilarExport ZIP
100%

Map NY fips 1

✓ Published1🌍 Public
NNita
Last edited May 6, 2025
Created on May 6, 2025

This React and D3.js dashboard visualizes New York county housing data from 2022 to 2024 using CSV input. Users view median home prices or sales counts via a bar chart, switch between years, and click bars to select up to five counties for a detailed comparison panel. The d3.scaleBand and d3.scaleLinear axes support interactive filtering and smooth transitions.

AI-generated description

NY Housing Market Dashboard

This interactive visualization shows housing market data for New York counties from 2022 to 2024. Users can:

  • View median home prices or number of sales for each county
  • Switch between years 2022, 2023, and 2024
  • Select counties to compare detailed metrics
  • See percentage changes over time

The data shows interesting trends in New York's real estate market, including significant price increases in many counties despite sales volume decreases in some areas.

Implementation Details

Built with React and D3.js, this dashboard uses:

  • Responsive design to handle different screen sizes
  • Interactive elements for filtering and comparison
  • Smooth transitions for better user experience
  • Data-driven visualization based on user selection
MIT Licensed

Similar vizzes

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…

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
85% 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
84% 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
84% 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
83% 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
83% match
Loading thumbnail…

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

This dashboard explores New York State county real estate markets from 2022 to 2024, combining a D3 bar chart, scatterplot, and trend lines within a React framework. It displays median home prices, sales volumes, and rankings for all counties, enabling interactive analysis of market dynamics. Users can select specific years and counties to filter the entire view, with animated transitions powered by D3's `transition` API and cross-filtering across all charts. The dashboard uses SVG rendering for all visualizations and presents data from a local CSV file.

NNita
82% match
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
82% match