Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

NBA Teams Mapping

Public visualization

Viewing a saved revision (read-only)

3068717cf822461fa121eb983560bc17

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

Inspired by Simulated COVID maps in the US and Canada

Looks significantly better in full screen, couldn't get this to look nice in the small viewer window, will try to iron it out as the semester goes on.