Skip to main content
SimilarExport ZIP
100%

Montana Map

✓ Published0🌍 Public
AAudrey
Last edited Jul 26, 2021
Created on Jul 26, 2021
Forked from Points on a Map

This map displays the state of Montana with its counties shaded in gray, overlaid with semi-transparent teal circles marking the locations of eight hospitals. The map uses a d3.geoAlbersUsa projection and d3.geoPath to render the state boundaries from TopoJSON data provided by the US Atlas. Hospital coordinates are hardcoded in the React component and plotted as SVG circles. The visualization is built with React and D3 v5, rendering all elements as SVG.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

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
69% match
Loading thumbnail…

Country Map

This visualization displays the 50 U.S. states as an interactive choropleth map, rendered in SVG within a React framework. It uses d3.geoPath with the geoAlbersUsaTerritories projection to draw state boundaries, with state fills in steelblue that turn white on hover. Geographic data comes from a TopoJSON file loaded via d3.json, and borders are derived using TopoJSON’s feature() and mesh() functions.

MmNamratha25
69% match
Loading thumbnail…

USA Country Map

This choropleth-style map displays the contiguous United States rendered as an SVG, with each state filled in maroon and state boundaries drawn in black. The visualization uses a React component with the `geoAlbersUsaTerritories` projection and `d3.geoPath` to draw the geographic features. State boundaries are created using TopoJSON’s `mesh` function, while the underlying data comes from a remote TopoJSON file served via a GitHub gist. The map is static with no interaction or animation.

SSnigdha6698
68% match
Loading thumbnail…

country map ice 8

This choropleth displays the 50 US states as blue landmasses with black borders, highlighting each state in purple on hover. The map uses the `geoAlbersUsaTerritories` projection and `d3.geoPath` to render geographic features from a TopoJSON file loaded via `json()` from D3 v5. React manages the component state, while TopoJSON’s `feature` and `mesh` functions extract state boundaries. The SVG output is generated through React, with styling defined in CSS.

Ssushmithameher-patnam
68% match
Loading thumbnail…

country map

This visualization displays a choropleth map of the United States, coloring each state in red with thin black internal borders. The map is rendered using React and D3 v5, with geographic shapes generated through `d3.geoAlbers` projection and `d3.geoPath`. State boundaries come from the US Atlas TopoJSON dataset, processed via `topojson.feature` and `topojson.mesh`. The SVG paths change to sky blue on hover using CSS, providing simple interactivity.

SSai Kaushik
67% match
Loading thumbnail…

USA Map

This visualization shows a map of the United States with state boundaries, rendered as SVG using React components. The map displays land areas in tan, state borders in black, and a light blue sphere background. The code uses d3.geoAlbers for the projection, d3.geoPath to generate paths, and d3.geoGraticule for grid lines, though graticules are defined but not rendered. Data comes from the us-atlas TopoJSON file, processed with topojson.feature for the nation outline and topojson.mesh for state interiors.

Ttarungunda
67% match
Loading thumbnail…

Country Map

This interactive map visualizes the fifty United States using a pink fill for each state and black borders, with a hover effect that changes the fill color to purple. Built with React and D3 v5, it renders geographic data as SVG paths using `d3.geoPath()` with the `geoAlbersUsaTerritories` projection. The code loads US state boundaries from a TopoJSON file via `us-atlas@3.0.0`, applying `feature()` and `mesh()` from TopoJSON to extract land polygons and interior borders.

TTejucmandava
67% match
Loading thumbnail…

America Map

This map displays the United States with individual states rendered as cyan shapes with black outlines, and hovering over a state changes its color to maroon. D3’s geoAlbersUsa projection and d3.geoPath define the geographic layout, while the feature method from topojson converts TopoJSON data. State names appear as tooltips via appended title elements. The map uses a countrymap.csv data source and includes Alaskan and Hawaiian territories through the geo-albers-usa-territories plugin.

Eeravellisaimeghana
67% match