Skip to main content
100%

Fork of Property tax rate per state

✓ Published0🌍 Public
NNita
Last edited Aug 5, 2025
Created on Aug 5, 2025

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.

AI-generated description

Property Tax Calculator

An interactive property tax calculator that allows users to estimate their annual property taxes based on their home value and state. Features an integrated map visualization showing property tax rates across all U.S. states.

Features

  • Interactive Calculator: Input property value and select state to calculate estimated taxes
  • Visual Map: Click on states in the map to automatically populate the calculator
  • Custom Tax Rates: Option to input specific local tax rates for more accurate calculations
  • Real-time Calculations: Instant updates as you change inputs
  • Comprehensive Data: Includes property tax rates for all 49 states with available data

How to Use

  1. Enter Property Value: Input your home's estimated value
  2. Select State: Choose your state from the dropdown or click on the map
  3. View Results: See your estimated annual and monthly property tax
  4. Optional: Enter a custom tax rate if you know your local rate

Technical Details

  • Built with D3.js for data visualization and map rendering
  • Uses TopoJSON for efficient map data
  • Responsive design that works on desktop and mobile
  • Property tax data sourced from Tax Foundation and state assessor offices

Data Sources

Property tax rates are state averages for 2024 and may vary significantly within states based on:

  • Local tax policies
  • School district funding needs
  • Municipal services
  • Property assessment methods

Files

  • index.html - Main application interface
  • calculator.js - Property tax calculation logic
  • map.js - Interactive map visualization
  • data.csv - Property tax rate data by state

Browser Compatibility

Supports all modern browsers. Requires JavaScript enabled.

MIT Licensed

Similar vizzes

Loading thumbnail…

Property tax rate per county

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.

NNita
88% match
Loading thumbnail…

Fork of USA Map 2

This interactive map shows US state home price performance as a choropleth, colored by seasonally adjusted one-year returns, alongside city markers sized by population. Hovering reveals detailed tooltips for both states and cities. It uses D3.js v7 with `d3.geoAlbersUsa` and `d3.geoPath` to render TopoJSON state boundaries, plus `d3.scaleSequential` for color encoding and `d3.scaleSqrt` for circle sizes. Data comes from two CSV files covering state-level price indices and city-level housing metrics.

NNita
78% 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
75% match
Loading thumbnail…

Fork of Fork of USA Map 2

This interactive choropleth map visualizes US state economic performance metrics across four selectable time periods. Users can toggle between 1-year, 5-year, since-1991, and latest-period data via a dropdown menu. The map uses D3.js v7 with TopoJSON to render geographic boundaries via `d3.geoPath` and a `geoAlbersUsa` projection, while `scaleSequential` and `scaleDiverging` color scales encode metric values. Hover tooltips display state details, and clicking a state opens a side panel with additional information.

NNita
74% match
Loading thumbnail…

Untitled

An interactive choropleth map displays property crime rates across U.S. states from 2009 to 2019, with dropdown menus to select the year and crime type (property crime, burglary, larceny, or motor vehicle theft). The map uses `d3.geoAlbersUsa` projection and `d3.geoPath` to render state boundaries from a TopoJSON file. Crime values are mapped to a red color scale using `d3.scaleThreshold`, with a legend generated via `d3.legendColor`. Hovering over a state reveals a tooltip with details, and the visualization updates dynamically through SVG transitions.

Nnellylopez2022
74% match
Loading thumbnail…

Map

This interactive map visualizes seasonally adjusted home price performance across U.S. states, using color intensity to show one-year price changes, while city-level circles sized by population reveal housing metrics like median prices and rents. Users hover over states and cities to access detailed data. The visualization uses D3 v7 with a `d3.geoAlbersUsa` projection and `d3.geoPath` to render TopoJSON state boundaries, alongside `d3.scaleSequential` for color coding and `d3.scaleSqrt` for circle sizing.

MMd Fahimul Kabir Chowdhury
73% match
Loading thumbnail…

A9 Choropleth Map w/ Tooltips D3

A choropleth map of the United States colors each state according to its cost-of-living index from a CSV of expensive states, with tooltips revealing additional cost rank details on hover. The visualization uses D3 v7 and TopoJSON to load and render state boundaries via `d3.geoPath` with an Albers USA projection. A sequential blue color scale maps cost index values, while an interactive tooltip div appears on mouseover to show state-specific data.

Nnathanjmuljadi@gmail.com
73% 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
73% match