Skip to main content
SimilarExport ZIP
100%

Fork of map

✓ Published0🌍 Public
Rreddysushma994@gmail.com
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from usa map

This visualization displays a map of the United States, with each county filled using a categorical color scale based on its name. It renders these counties as SVG paths generated by `d3.geoPath` with the `geoAlbersUsa` projection, sourcing geographic data from a US Atlas TopoJSON file. The counties are outlined in red with low opacity, and they highlight yellow on hover. The visualization uses D3 v5 and the `topojson` library’s `feature` function to extract the geometries from the `counties-10m.json` dataset.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of usa map

This example displays a map of US counties, colored with a categorical color scale and outlined in red. It renders an SVG using a TopoJSON file from the `us-atlas` package, projecting the features with a `geoAlbersUsa` projection. The code employs d3's `geoPath` to generate the map paths and `scaleOrdinal` for coloring each county by name. Hovering turns a county yellow, and the data source is a remote JSON file loaded via d3's `json` loader.

Rreddysushma994@gmail.com
93% match
Loading thumbnail…

Fork of Fork of US states map : with colorScale. One color for each country

This choropleth map of U.S. counties assigns a distinct categorical color to each state using `d3.scaleOrdinal` with `d3.schemeCategory10`. The map projects geographic data with `d3.geoPath` and a `d3.geoAlbersUsa` projection, rendering counties as SVG paths with red strokes and a blue hover effect. It loads TopoJSON county boundaries from the `us-atlas` package and includes a tooltip with each county’s state name via appended `title` elements. The visualization uses `d3.v5` and the `topojson` library for feature extraction.

VVenkata Rajashekar Reddy Chinthala
88% match
Loading thumbnail…

Fork of usa map

This map of the United States renders each state as an SVG path, colored by a categorical color scale based on the state name. The visualization uses the D3.js library's `geoPath` and `geoAlbersUsa` projection to convert TopoJSON state boundaries into map geometry. A hover effect turns the state black via CSS. The state boundaries are sourced from a remote JSON file containing US states data.

GGeorge Vaz
88% match
Loading thumbnail…

Fork of Fork of Map

This example shows a choropleth map of U.S. states, with each state filled by a categorical color from `schemeCategory10`. The code loads county-level TopoJSON data from the `us-atlas` CDN and renders the boundaries using `d3.geoPath` with an `geoAlbersUsa` projection. State features are extracted via `topojson.feature`, and each path’s fill is assigned by a `scaleOrdinal` based on the state name, with a tooltip title appended. The visualization demonstrates a straightforward integration of D3’s geospatial and scale APIs.

Rreddysushma994@gmail.com
87% match
Loading thumbnail…

Fork of USA map

This fork of the USA map displays state boundaries as SVG paths colored with a categorical scale. When hovering over a state, its fill color changes to red. Built with D3 v5, it uses `d3.geoAlbersUsa` for projection and `d3.geoPath` for rendering. State geometries come from the TopoJSON `us-atlas` dataset, processed via `topojson.feature`, with styling defined in CSS.

Mmukundakrishna.r@gmail.com
87% match
Loading thumbnail…

Fork of map us 1

This visualization displays a map of the United States with ten major cities plotted as red circles, using `d3.geoPath` with a `d3.geoAlbersUsa` projection. The map is rendered in SVG using data from `citydata.csv` and a TopoJSON file from `us-atlas`. Users can hover over a city to enlarge it and turn it blue, or click a city to draw black connecting lines to all other cities. The visualization uses `d3.csv` and `d3.json` for data loading.

JJunaid Hasan
87% match
Loading thumbnail…

Fork of America Map

This visualization displays a choropleth map of the United States with state names overlaid, using cyan to fill each state and a maroon highlight on hover. The map is rendered as SVG, with geographic data sourced from a GitHub-hosted CSV file. The code leverages d3's `geoAlbersUsa` projection, `geoPath`, `feature` from topojson, and `select` to generate state paths and position labels at their centroids.

SSheshidharreddy
87% match
Loading thumbnail…

Fork of Map

This example displays a choropleth-style map of the United States, with each state filled in a light blue shade and outlined by dark gray borders, over a pale background. Hovering over a state reveals its name via an SVG `<title>` tooltip. The visualization uses a `d3.geoAlbersUsa` projection and `d3.geoPath` to render TopoJSON data from the us-atlas package, drawing both individual state polygons and the national outline. State names are derived from the TopoJSON geometries’ `properties.name` field.

Sson.sultan@yahoo.com
86% match