Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

USA Map

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

f408ee7b406b4e91995e792e27dad3d8

Open

USA Map

0 stars0🌍 Public
NNJ Smith
Last edited Oct 1, 2025
Created on Sep 11, 2025

Clicking a text link triggers an explosion of its characters as individual particles across a full-viewport canvas. The p5.js sketch animates each letter with a random outward velocity, fading them out over roughly one second before navigating to the linked URL. The effect uses `createCanvas`, `getComputedStyle` for font metrics, and a particle array updated in the `draw` loop, with CSS managing link visibility during the animation.

AI-generated description

US State Performance Map with Svelte and D3

This is a choropleth map visualization of US state performance metrics using Svelte and D3.

Features

  • Interactive state map with hover and click events
  • Multiple metric selection
  • Responsive design
  • Detailed state information panel

Development

  1. Install dependencies: npm install
  2. Start development server: npm run dev
  3. Build for production: npm run build

Data

The visualization uses state performance data from a CSV file and US geography data from the us-atlas TopoJSON.