Fork of Map-likitha

100%

Fork of Map-likitha

✓ Published0🌍 Public

Last edited Apr 7, 2026

Created on Apr 7, 2026

Forked from Map

This visualization displays two static reference maps from TopoJSON sources: a Natural Earth projection world map and an Albers USA projection map of the United States. The world map renders countries as blue paths over a graticule grid, while the US map shows states in green. Both maps use `d3.geoPath` with projected geometry from the `world-atlas@2` and `us-atlas@3` datasets, loading GeoJSON via `d3.json` and converting features with the `topojson-client` library.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Map

This visualization demonstrates two geographic maps side by side: a world map using the Natural Earth projection and a US state map using the Albers USA projection. The maps show country and state boundaries rendered as SVG paths with light blue and green fills, overlaid on a subtle graticule grid for the world map. Built with D3 v7 and TopoJSON, the code loads geographic data from the `world-atlas` and `us-atlas` datasets via CDN, then applies `d3.geoNaturalEarth1` and `d3.geoAlbersUsa` projections with `d3.geoPath` to draw the features.

YYaswanth

89% match

Loading thumbnail…

Fork of World Map

This example displays two static choropleth-style maps: a world map using the Natural Earth projection and a US states map using the Albers USA projection. It demonstrates how to load TopoJSON data from the `world-atlas` and `us-atlas` datasets, convert it to GeoJSON with `topojson.feature`, and render it with `d3.geoPath` and `d3.geoNaturalEarth1` or `d3.geoAlbersUsa`. Both maps include graticule lines and interactive title tooltips showing region IDs.

AAmrit Adhikari

87% match

Loading thumbnail…

Map

This example presents two static choropleth-style maps side-by-side: a world map using the Natural Earth projection and a U.S. map using the Albers USA projection. Both maps load TopoJSON data—from `world-atlas` and `us-atlas` datasets—and render country and state boundaries as SVG paths via `d3.geoPath` and `topojson.feature`. The world map includes a graticule generated by `d3.geoGraticule`, while the U.S. map uses `d3.geoAlbersUsa`. Regions are filled with solid colors, and hover tooltips are added using SVG `title` elements.

SSahil Thapa

84% match

Loading thumbnail…

Fork of Map

This interactive visualization presents two distinct maps—a world map and a US map—that can be panned and zoomed using D3’s zoom behavior. It renders geographic features from the TopoJSON data in the world-atlas and us-atlas packages, using a natural Earth projection for the world and an appropriate projection for the US. The SVG maps include hover effects that change country and state fills, and they feature on-screen zoom control buttons to adjust the view.

Ppragnyalipsa96@gmail.com

84% match

Loading thumbnail…

Fork of FP: Map

This visualization displays a map of United States states using an Albers projection, rendered as simple outlined polygons against a graticule grid. The code fetches TopoJSON data from the us-atlas package and converts it to GeoJSON using `topojson.feature`. It draws the map with `d3.geoPath`, also rendering the graticule and its outline via `geoGraticule`. The map appears once data finishes loading, with states shown as white-bordered paths on a plain background.

Rrobertotienonyaranga@gmail.com

82% match

Loading thumbnail…

Fork of map

This visualization presents a world map using a geographic projection, rendering countries as black shapes with red outlines on a light blue sphere. It highlights countries on hover by changing their fill to orange. The code uses D3 v5 for geo-spatial functions like `geoEquirectangular`, `geoPath`, and `select`, while TopoJSON’s `feature` method converts the external GeoJSON data to map features. The map data is sourced from a world-atlas JSON file hosted via CDN.

TTekmal-Bhavana

82% match

Loading thumbnail…

Fork of World Map

This interactive map visualization displays world countries and U.S. states using a selectable orthographic or Mercator projection. Users can drag to rotate the globe and click on countries to switch between projections, with a special case for the United States. Built with D3 v6 and d3-geo-projection, it renders geographic features via d3.geoPath, uses topojson for data parsing, and incorporates d3.drag and d3.zoom for interaction. The visualization loads world and U.S. atlas TopoJSON data from unpkg, with animations applied via D3 transitions.

GGlebenator

82% match

Loading thumbnail…

Fork of Country map

This map of the United States renders all states and territories using an Albers projection, with landmasses filled in sky blue and interior borders drawn in teal. The visualization uses the geo-albers-usa-territories projection and d3.geoPath to convert TopoJSON features into SVG paths. Geographic data is loaded from the us-atlas package, while React’s useState and useEffect hooks manage the asynchronous data fetching and component rendering.

Bbhargavarathod

81% match