Export Code

Fork of Fork of USA Map 2

Nita

Last edited Jun 02, 2025
Created on Jun 02, 2025
Forked from Fork of USA Map 2

US State Performance Map

This project creates an interactive choropleth map visualization of economic performance metrics for US states using D3.js and TopoJSON.

Data

The visualization uses data from data.csv, which contains:

  • State names
  • Rank (1-49)
  • Latest period performance (%)
  • 1-year performance (%)
  • 5-year performance (%)
  • Performance since 1991 (%)

Features

  • Interactive US map with color-coded state performance
  • Multiple metrics selection (1-year, 5-year, Since 1991)
  • Hover tooltips showing state metrics
  • Detailed side panel for more information
  • Responsive design
  • Color legend

Technologies Used

  • D3.js (v7)
  • TopoJSON
  • HTML/CSS/JavaScript
  • ES6 Modules

How to Use

  1. Clone this repository
  2. Open index.html in a web browser (using a local server due to ES6 module requirements)
  3. Select different metrics using the dropdown
  4. Hover over states to see quick metrics
  5. Click on states for detailed information

Visualization Details

The choropleth map uses color intensity to represent different performance metrics, with darker blues indicating higher values. For metrics with negative values, a diverging color scale is used.

MIT Licensed