fork of ICE8

100%

✓ Published0🌍 Public

Last edited Jul 2, 2023

Created on Apr 13, 2023

This example displays a single geographic feature—Russia—extracted from the world-atlas TopoJSON dataset. Using a Mercator projection fit to the country’s bounds, it renders the outline as a filled SVG path via d3.geoPath. The code filters the countries-50m collection to find Russia, then projects and draws it on a 960×500 canvas.

AI-generated description

Uruguay Map-Topojson

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 8 Making Maps (Country Map) Maanas Katta

This example shows a single country, Russia, rendered as a light green map on a medium blue background. It uses a TopoJSON world map dataset loaded via `d3.json`, with the `topojson.feature` API to extract country geometries. The map is drawn with `d3.geoPath` and the `d3.geoAlbersUsa` projection, though the projection is applied to world data. Only the feature matching the name "Russia" is selected and appended as an SVG path, using a static stroke and fill defined in CSS.

SSravanthi Silla

82% match

Loading thumbnail…

Russia Map

This example displays a static map of Russia using a Mercator projection. The map is rendered as a single SVG path element, filled with blue and outlined in black, using the `d3.geoPath` and `d3.geoMercator` functions. Geographic data is sourced from a world atlas TopoJSON file via `d3.json`, and the specific country feature is extracted using the `topojson-client` library. The viewport is fit to the country’s bounding box with `fitSize` before drawing.

Ssuryavamsi00024

82% match

Loading thumbnail…

Activity 8 Country

This example displays a map of Russia using geographic data from the world-atlas TopoJSON dataset. It uses D3 v5 and the topojson-client library to extract the Russia geometry, then applies a Mercator projection with `d3.geoMercator` and `fitSize` to center the country within a 960×500 SVG canvas. The map is rendered as a single SVG path via `d3.geoPath`, with no additional styling or interactivity.

SSwapna1915

80% match

Loading thumbnail…

Country Map --Russia--IC8

This example displays a choropleth-style map of Russia, with each state filled in red and outlined in black, rendered as SVG paths on a bisque-colored background. The visualization uses D3’s `geoPath` with the `geoNaturalEarth1` projection, centered on Russia, and loads TopoJSON data via `topojson.feature` to draw regional boundaries. Users can pan and zoom the map using D3’s `zoom` behavior. An ordinal color scale (`scaleOrdinal` with `schemeCategory10`) is defined, though only the red fill is currently applied.

Rrajasrilekkala

80% match

Loading thumbnail…

Fork of ICE8 - World Map

This example displays a world map rendered in an SVG using the Natural Earth projection. It loads country boundaries from a TopoJSON file via `d3.json` and converts them with `topojson.feature`. The code applies `d3.geoPath` and `d3.geoNaturalEarth1` to draw both a sphere outline and country shapes, which fill with pink and brighten to maroon on hover through CSS. The visualization demonstrates basic geographic data mapping with straightforward styling.

Ffouzanuddin

79% match

Loading thumbnail…

Fork of fork of ICE8

This visualization displays a map of Kazakhstan, rendered as an SVG using the Mercator projection. The map is generated from the world-atlas TopoJSON data, with the country of Pakistan specifically extracted. The code employs the `d3.geoMercator` projection and `d3.geoPath` to draw the path, with the projection fitted to a 960 by 500 pixel canvas. The map is created using D3 v5 and the topojson-client library.

Ppvreswar7@gmail.com

79% match

Loading thumbnail…

Fork of Russia Country

This fork of a Russia country map displays the nation's internal subunits as a green SVG choropleth with yellow borders, projected using the Natural Earth topology via `d3.geoNaturalEarth1`. The map renders through `d3.geoPath` and incorporates `d3.zoom` for interactive panning and scaling. It loads topojson subunit data from a remote gist, applying `d3.scaleOrdinal` color categorization. The visualization is styled with custom CSS for background, stroke width, and fill colors, embedded within a static HTML page.

Kkarumanchimanasa

79% match

Loading thumbnail…

Fork of Fork of ICE 8 Making Maps

This example displays a world map with each country rendered as a green SVG path with white borders. It uses d3.json to load TopoJSON data from a GitHub gist, then extracts country features with the topojson feature function. The map projection and path generation are handled by d3.geoNaturalEarth1 and d3.geoPath, which project the geographic coordinates onto a 960×500 SVG canvas.

Aamiralitah

79% match