Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

NBA Teams Mapping

Public visualization

Viewing a saved revision (read-only)

fa35ef2cb3df4495a3ca540e7b6b4125

NBA Teams Mapping

0 stars1🌍 Public
JJack Hanlon
Last edited Nov 29, 2024
Created on Oct 24, 2024

This map plots NBA team locations across the US and Canada, with circles sized by a random player-statistic value. Users can toggle team visibility via checkboxes, which redraws the map. Built with d3.v5, it uses `d3.geoAlbersUsa()` and `d3.geoPath()` to render state outlines, and `d3.scaleSqrt()` for proportional scaling. The SVG output includes team labels and offset positions to mitigate overlap. A 110m GeoJSON world map provides the base geography.

AI-generated description

Hover interaction on US States. Uses a Voronoi Diagram in the background to facilitate hovering over small areas. Leverages utilities from d3-rosetta.

MIT Licensed