NBA Standings Map

100%

NBA Standings Map

✓ Published1🌍 Public

Last edited Dec 31, 2019

Created on Dec 20, 2019

Forked from D3 Map

This map shows the geographic distribution of NBA teams, with each team’s location marked by a dot and its current win/loss record and rank displayed via an interactive tooltip. The visualization uses D3 v5 with a geoAlbersUsa projection to render U.S. state boundaries from TopoJSON data, while team standings from a CSV file are joined with team coordinates to place the markers. Users can zoom and pan the map using d3.zoom, with buttons to scale in, out, or reset the view, and hovering over a dot reveals detailed performance statistics in a styled HTML tooltip.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

NBA Standings

This interactive NBA standings visualization displays the geographic distribution of teams on a U.S. map using d3.geoPath with a geoAlbersUsa projection. Hovering over team markers reveals details like wins, losses, and win percentage. Users can filter by conference, toggle labels, zoom using d3.zoom, or switch to a sortable data table built with DataTables, which shows the full statistical standings from the loaded CSV data.

SShubham Yadav

93% 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

88% 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

81% 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(范紀予)

81% 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(范紀予)

81% 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(范紀予)

80% match

Loading thumbnail…

Fork of NBA_TEAM

This map of NBA team locations uses D3 v5 projections with `geoAlbers` to render U.S. state boundaries and team positions. The code plots each team as a large gray circle at its latitude and longitude, with the team abbreviation as text labels. It retrieves data from a CSV URL and TopoJSON from the us-atlas package, combining React state hooks with D3's `geoPath` and `geoGraticule` APIs. The visualization also includes state interiors and graticule lines for geographic context, using SVG rendering within a React component.

FFAN CHI YU(范紀予)

77% match

Loading thumbnail…

Multiple Views NBA team

This visualization presents a map of NBA team locations across the United States, with team abbreviations plotted as text labels. The map uses D3's `geoAlbers` projection and `geoPath` to render state boundaries and graticules, while team positions are calculated via the projection function and displayed as SVG text elements. The data originates from a CSV file containing team latitude and longitude coordinates. The visualization is built with React and D3 v5, rendering entirely as SVG within a single view.

FFAN CHI YU(范紀予)

76% match