Opo Tx Data Map

100%

Opo Tx Data Map

✓ Published0🌍 Public

Last edited Mar 21, 2021

Created on Mar 21, 2021

A map of the United States shows circles sized by the number of opioid treatment centers in each city, using a square-root scale. The geographic boundaries come from the US Atlas TopoJSON, while city coordinates are loaded from a CSV. The visualization uses `d3.geoAlbersUsa` and `d3.geoPath` to render state paths, and `d3.scaleSqrt` to map center counts to circle radii, all drawn in SVG within a React component.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Opo Cities

The visualization depicts the geographic distribution of "opo" cities across the United States, with a dark landmass and circles sized proportionally to the number of centers in each city. Using React with D3 v5, it renders an Albers equal-area projection via `d3.geoPath`, plotting map features from the US Atlas TopoJSON and city coordinates from a CSV file. The circles’ radii are scaled by the square root of the `Centers` attribute, providing a clear comparison of city significance.

GGary Ditsch

84% match

Loading thumbnail…

map with points

This visualization displays a map of the United States with a circle for each city, sized by population using a square-root scale to reduce visual disparity. It shows the geographic distribution of populated areas across the country. The code uses React to manage state and rendering, while D3 v5’s geoAlbersUsa and geoPath project and draw state boundaries and interior borders from TopoJSON data. City coordinates are projected from longitude and latitude, and circles are rendered as SVG elements with opacity.

CChase Hall

74% match

Loading thumbnail…

Fork of USA Country Map

This interactive map of the United States displays state-level drug overdose mortality rates for 2020, with each state colored red and highlighted in blue on hover. Using React and D3 v5, the visualization projects geographic boundaries with `geoAlbersUsaTerritories` and renders them through `d3.geoPath` as SVG paths. State mortality data from a CSV file is merged with TopoJSON land and interior mesh data, while CSS tooltips reveal state names and mortality values when hovered.

11godfrey

73% match

Loading thumbnail…

Fork of map with points

This visualization displays the population of US cities as circles overlaid on a map of the United States, with the map drawn from TopoJSON data and city points positioned using the geoAlbersUsa projection via d3.geoPath. Circle sizes encode population using a square-root scale, and the rendering uses React with SVG elements. The city data is loaded from a CSV file, and state boundaries and interiors are generated using topojson’s feature and mesh functions.

YYuxin Shao

73% match

Loading thumbnail…

project_NH_US_Map

This example displays a map of the United States with circles overlaid on major cities, using a square-root scale to size each circle based on the city’s population. The map is rendered with SVG paths generated by d3.geoPath, while the city coordinates are projected using d3.geoAlbersUsa. The visualization loads US state boundaries and city data from external CSV and TopoJSON sources, and is built with React and D3 v5.

NNavak94

72% match

Loading thumbnail…

Map

This map displays the United States with each state filled in orange on a blue background. Using the Albers equal-area conic projection, the visualization renders state boundaries from the us-atlas TopoJSON dataset via `d3.geoPath` and `topojson.feature`, with the SVG drawn inside a React application. The map uses a thin gray stroke for state borders and is centered within the viewport through a translate transform.

DDINESH SAI BOPPANA

72% match

Loading thumbnail…

Sized Points on a Map

A geographic visualization displays US cities as circles, with area proportional to total crimes reported. City data originates from a CSV file, while state boundaries and graticules are drawn from the us-atlas TopoJSON. The visualization uses d3.geoNaturalEarth1 for projection, d3.geoPath for rendering map features, and d3.scaleSqrt to map crime counts to circle radii. React and D3 v5 manage the SVG output, with semitransparent teal points layered over a muted landmass.

Yyyaaa1

71% match

Loading thumbnail…

US MAP

This interactive visualization displays a choropleth-style map of the United States, rendered as an SVG using React and D3 v5. The map shows state boundaries through purple interior lines, with land areas filled in green against a dark blue sphere background. The code employs `d3.geoAlbers` for the Albers equal-area projection, `d3.geoPath` to generate SVG paths, and `d3.geoGraticule` for grid lines. Geographic data comes from the `us-atlas` TopoJSON file, processed through `feature` and `mesh` from topojson library.

Ssiddu7147

71% match