Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of USA Map 2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

b0f6cb6472ed410597e5c5e610e1316c

Open

Fork of Fork of USA Map 2

0 stars1🌍 Public
NNita
Last edited Jun 2, 2025
Created on Jun 2, 2025
Forked from 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.

AI-generated description

US Locations Map

This project visualizes geographic locations across the United States using D3.js and TopoJSON. The map displays cities and towns as points on a US map with their latitude and longitude coordinates.

Data

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

  • Location names (City, State format)
  • Latitude coordinates
  • Longitude coordinates

Features

  • Interactive US map displaying location points
  • Hover tooltips showing location details
  • City/town name labels
  • Responsive design

Technologies Used

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

How to Use

  1. Clone this repository
  2. Open index.html in a web browser
  3. Hover over locations to see more information