Skip to main content
SimilarExport ZIP
100%

Testing

✓ Published0🌍 Public
JJack Hanlon
Last edited Oct 24, 2024
Created on Oct 24, 2024

This visualization displays NBA team locations on a map of the US and Canada, with circles representing team scores. Users can toggle team visibility with checkboxes and switch between proportional and classed circle scaling using radio buttons. The code uses `d3.geoAlbersUsa` projection and `d3.geoPath` to render map outlines from GeoJSON sources, while `d3.scaleSqrt` and `d3.scaleThreshold` control circle radius. Data comes from the 2023-2024 NBA season, utilzing team coordinates and census population data for context.

AI-generated description

Simulated COVID maps, inspired by https://coronavirus.jhu.edu/map.html

For context, see this twitter thread: https://twitter.com/mappingmashups/status/1382446649327296514

2016 Canada Census Division populations from: https://www12.statcan.gc.ca/census-recensement/2011/geo/bound-limit/bound-limit-2016-eng.cfm 2019 US county populations from: https://www.census.gov/data/datasets/time-series/demo/popest/2010s-counties-total.html

Classed legend more or less copied from the Johns Hopkins map:

<img src="https://i.imgur.com/H3KJrMp.png" alt="map legend" width="50%"/>
MIT Licensed

Similar vizzes

Loading thumbnail…

NBA Teams Mapping

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.

JJack Hanlon
89% match
Loading thumbnail…

NBA Teams Mapping Polishing

This visualization displays the locations of NBA teams across the United States on an interactive map, with proportional circles representing player statistics and team abbreviations as labels. Users can toggle teams on and off using checkboxes to reduce overlap. The map is rendered using D3.js v5 with the `geoAlbersUsa` projection and `geoPath` API to draw U.S. state and province outlines from GeoJSON data. Team coordinates come from a hardcoded list of city latitudes and longitudes, while circle radii are generated from a classed scale of random values.

JJack Hanlon
86% match
Loading thumbnail…

nba_data_vis

A geo-visualization of NBA team locations plotted as circles atop a map of US states, using a geographic region projection. The map renders state boundaries and interiors via SVG paths from `d3.geoPath` and `topojson.feature`, while team coordinates are projected and displayed as semi-transparent dots. Data is loaded from CSV files using `d3.csv`, and the static Albers USA territories projection comes from the `geo-albers-usa-territories` library. The visualization is built with React components and uses `d3` v5 for data handling and map generation.

FFAN CHI YU(范紀予)
83% match
Loading thumbnail…

NBA Teams Mapping - Finalized

This map of NBA team statistics plots each franchise as a fixed-radius circle colored by selected season totals, such as points, assists, or rebounds, for all teams except the Memphis Grizzlies. A dropdown menu switches the displayed statistic, updating the choropleth-like legend and circle fills. Using d3.csv and d3.json, it aggregates player data from nba_player_data.csv, then renders team locations and a US/Canada GeoJSON map with d3.geoPath and a geoAlbersUsa projection.

JJack Hanlon
82% match
Loading thumbnail…

NBA_TEAM

This visualization maps the locations of NBA teams across the United States using an Albers equal-area projection. Each team appears as a gray circular marker with its abbreviation labeled above, plotted atop state boundaries and graticules. The code leverages React with D3 v5, using geoAlbers and geoPath for geographic rendering, topojson for US state outlines, and CSV data loaded via d3.csv for team coordinates. The SVG output emphasizes spatial distribution of franchises rather than quantitative attributes.

FFAN CHI YU(范紀予)
80% match
Loading thumbnail…

US Map

This visualization displays a map of the contiguous United States with circles marking the locations of NBA teams based on latitude and longitude coordinates from a CSV file. It uses d3.geoAlbersUsa for projection and d3.geoPath to render state boundaries from a TopoJSON file loaded via topojson.feature. The map supports zooming through d3.zoom, and states change color on hover via CSS. Team circles include tooltips showing team names, while Alaska, Hawaii, and Puerto Rico are excluded from the state rendering.

SShubham Yadav
80% match
Loading thumbnail…

Nba map

This map shows the geographic locations of NBA teams across the United States, using semi-transparent teal circles for each city and a text label for each team abbreviation. Built with React and D3, it applies the Albers equal-area projection to transform coordinates from a CSV of team locations. The base map renders US state boundaries and graticules from the US Atlas TopoJSON via `d3.geoPath` and `d3.geoAlbers`, with state interiors highlighted by `d3.mesh`.

FFAN CHI YU(范紀予)
79% match
Loading thumbnail…

NBA Standings Modified

This interactive visualization displays NBA team standings and locations on a U.S. map, with buttons to filter by conference and toggle team labels. It uses D3 v5 (including `d3.geoAlbersUsa`, `d3.geoPath`, and `d3.zoom`) to render states and team markers from CSV data, and provides zoom controls. A DataTables jQuery plugin renders the standings in a sortable table, while D3 transitions and tooltips enhance the experience.

SShubham Yadav
78% match