Skip to main content
100%

Property tax rate per county

✓ Published1🌍 Public
NNita
Last edited Aug 5, 2025
Created on Aug 5, 2025
Forked from Fork of USA Map 2

This choropleth map visualizes effective property tax rates across all U.S. states, using a red sequential color scale where darker shades indicate higher tax rates. Built with D3.js v7 and TopoJSON, the visualization renders the states as SVG paths via the `d3.geoPath` and `d3.geoAlbersUsa` projection, with hover tooltips revealing exact rates and national rankings. The map loads state boundaries from the us-atlas package and joins them with a local CSV of tax data from the Tax Foundation and Census Bureau. State rankings are also displayed in companion lists above the map.

AI-generated description

US Property Tax Rates Map

An interactive visualization showing property tax rates across all US states.

Features

  • Interactive map displaying property tax rates by state
  • Color-coded visualization (darker red = higher tax rates)
  • Hover tooltips showing exact rates and rankings
  • Responsive design that works on desktop and mobile
  • State rankings from highest to lowest tax rates

Data

The map displays effective property tax rates as a percentage of home value for each state. Data sources include:

  • Tax Foundation
  • US Census Bureau
  • State tax assessor offices

How to Use

  1. Open index.html in a web browser
  2. Hover over any state to see detailed information
  3. States are colored by tax rate intensity - darker red indicates higher property tax rates

Files

  • index.html - Main HTML page with the visualization
  • map.js - D3.js code for creating the interactive map
  • data.csv - Property tax rate data for all states

Technology

Built with:

  • D3.js for data visualization
  • TopoJSON for map data
  • HTML5/CSS3 for layout and styling
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Property tax rate per state

An interactive property tax calculator displays U.S. state tax rates on a choropleth map, with users able to enter a property value and select a state via dropdown or map click to see estimated annual and monthly taxes. The visualization uses D3.js v7 with `d3.geoAlbersUsa` and TopoJSON for map rendering, `d3.scaleSequential` for color encoding, and SVG paths with hover tooltips and click interactions. Real-time calculations update from a CSV dataset of 2024 state averages, with optional custom rate input.

NNita
88% match
Loading thumbnail…

Map

A choropleth map of the United States visualizes home price performance by state, with states colored according to their seasonally adjusted one-year price change. Overlaid orange circles represent major cities, sized by population, providing additional housing market context. The visualization uses D3.js v7 with `d3.geoAlbersUsa` projection and `d3.geoPath` to render TopoJSON state boundaries from the us-atlas package, while a custom SVG tooltip displays detailed state and city metrics on hover. State data comes from a CSV file ranking performance across multiple time periods.

MMd Fahimul Kabir Chowdhury
76% match
Loading thumbnail…

A9 - Choropleth Map in D3

This choropleth map shows 2021 poverty rates by US county, using a red sequential color scale to encode percentages from 0 to over 40. The visualization renders US counties as SVG paths via `d3.geoPath` and `topojson`, with state boundaries overlaid. County data comes from a USDA CSV, joined by FIPS ID, while map topology uses the `us-10m.v1` TopoJSON file. A threshold-based legend with an axis label communicates the rate categories. County-level tooltips appear on hover, though the code also appends native SVG `<title>` elements for basic interactivity.

RRiya Mathur
75% match
Loading thumbnail…

US Crime Rate Map

A choropleth map of the United States displays per-state crime rates using a sequential color scale from light pink to dark red. Hovering over a state highlights its border and reveals a tooltip with the state name and crime rate. The visualization uses D3 v7 and topojson to load US Atlas GeoJSON data, projecting it with `d3.geoAlbersUsa` and rendering paths via `d3.geoPath`. Crime values are mapped to colors using `d3.scaleQuantize`, with mouse events and a tooltip div providing interaction.

Sshreshnaanugu@gmail.com
75% match
Loading thumbnail…

Map

This interactive map visualizes U.S. home price performance by state, using color to encode the seasonally adjusted 1-year metric, alongside major cities sized by population. The D3.js v7 code loads TopoJSON from us-atlas and GeoJSON data, projecting paths with d3.geoPath and a geoAlbersUsa projection. Animated hover effects reveal detailed state metrics and city statistics (median home price, rent, income) via a custom tooltip, while distinguishing state choropleth shading from proportional city circles in a single SVG rendering.

MMd Fahimul Kabir Chowdhury
74% match
Loading thumbnail…

A9 US Choropleth Map

This example shows a choropleth map of U.S. state poverty rates using 2023 data from Poverty2023.csv. The map colors each state with a sequential red scale based on the percentage of the population living below the poverty line, with missing data rendered in gray. Hovering over a state displays a tooltip with the state name and its poverty rate. The visualization uses D3 v7’s `d3.geoPath` with the `geoAlbersUsa` projection to render state boundaries from TopoJSON, and `d3.scaleSequential` with `d3.interpolateReds` for color encoding.

Hhxu51@usfca.edu
74% match
Loading thumbnail…

D3 - Choropleth

This choropleth map visualizes poverty rates across U.S. counties in 2022, with counties colored according to a blue sequential threshold scale and state boundaries overlaid in white. The visualization includes an interactive legend and a tooltip that displays county name, state, and poverty value on mouseover. The code uses d3.geoPath to render geographic shapes, d3.scaleThreshold with d3.schemeBlues for color mapping, and topojson.feature to process the US county data. Data is loaded from a CSV file and merged with US TopoJSON geometry, with the rendering handled in SVG.

CChandana Srinivas
74% match
Loading thumbnail…

A9 - Choropleth

This choropleth maps 2021 poverty rates by U.S. county, coloring each county on a blue sequential scale where rates are multiplied by five for stronger visual contrast. The visualization loads county and state geometries from the us-atlas TopoJSON file, then joins them with USDA Economic Research Service poverty estimates via FIPS codes. It renders using d3.geoPath inside an SVG, with state boundaries drawn as white meshes and county tooltips showing the county name, state, and exact poverty percentage. The code uses d3.json and d3.csv for data loading, along with d3.scaleSequential and d3.interpolateBlues for color encoding.

AAndrew Blakeslee Moore
74% match