ICE8Country Map(Uruguay)

100%

ICE8Country Map(Uruguay)

✓ Published4🌍 Public

Last edited Apr 13, 2023

Created on Apr 12, 2023

This example displays a geographic map of Uruguay using a Transverse Mercator projection, with the country filled in light green and a white sphere background. The map loads TopoJSON data from a GitHub gist and renders it as SVG paths via `d3.geoPath`. The visualization supports interactive zooming through `d3.zoom`, which applies a transform to the map group. Hovering over the country changes its fill to maroon, demonstrating user interaction with the geographic shapes.

AI-generated description

Uruguay Map-Topojson

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE8Country Map(Uruguay)

This visualization displays a map of Uruguay rendered as an SVG using D3 v5 and the topojson library. It employs d3.geoTransverseMercator projection with specific center and rotation values, and d3.geoPath to generate the country’s boundary from GeoJSON data fetched from a GitHub repository for Kazakhstan boundaries, despite the title. The map responds to zoom interactions via d3.zoom, and country regions change color on hover, with light green defaults and maroon on mouseover.

Pprathyusha-reddy-arch

88% match

Loading thumbnail…

Fork of ICE8

This visualization displays a map of Uruguay using a transverse Mercator projection, with country regions rendered in light green and outlined in black. The map is drawn as SVG paths generated by `d3.geoPath`, fed by TopoJSON data loaded from a remote GeoJSON source. Users can pan and zoom the map via `d3.zoom`, which applies transformations to the group containing the geographic features. The page also includes a title and hover styling that changes region colors to maroon.

TTekmal-Bhavana

88% match

Loading thumbnail…

ICE8-ESWAR

This visualization displays a world map using an equirectangular projection, with countries rendered as light green SVG paths on a skyblue sphere. The map is built with D3 v5 and TopoJSON, loading country boundaries from the world-atlas dataset. The `geoEquirectangular` projection feeds into `geoPath` to generate each country’s shape, while a zoom behavior allows interactive pan and zoom on the entire SVG. Hovering changes a country’s fill to maroon, highlighting individual regions.

Ppvreswar7@gmail.com

79% match

Loading thumbnail…

ICE8 map

This visualization displays a world map using a Mercator projection, with each country rendered as an SVG path. It uses d3.geoMercator and d3.geoPath to project geographic coordinates, with TopoJSON data from the world-atlas package providing country boundaries. The map applies a brown fill with semi-transparent black strokes, and the page has a light blue background.

AAniv Chakravarty

79% match

Loading thumbnail…

ICE-8(11630234)

This example displays an interactive world map using an equirectangular projection, with countries rendered in green and a blue ocean sphere. The map loads geographic data from a world-atlas TopoJSON file and visualizes it as SVG paths. Built with D3 v5, it uses `d3.geoEquirectangular` and `d3.geoPath` for projection and path generation, and TopoJSON's `feature` method to convert the data into GeoJSON features. Hovering over a country highlights it in red via CSS.

KKovvuri Supraj

78% match

Loading thumbnail…

Assignment 2 6q

This visualization displays a map of Uruguay using a transverse Mercator projection, with each country region filled in red and outlined in black. The map is rendered as an SVG using D3.js version 5 and TopoJSON to decode geographic data from a GitHub gist. Users can zoom and pan the map via the `d3.zoom` interaction, which applies transformations to the map group. Hovering over a region triggers a CSS transition that changes its fill color to maroon, enhancing interactivity.

HHarshiiiiiiiip

78% match

Loading thumbnail…

ICE-8 world map

This example displays a world map using an Equirectangular-like natural Earth projection, with countries shaded in light green on a sky-blue ocean sphere. It renders geographic boundaries as SVG paths using D3 v5’s `geoPath` and `geoNaturalEarth1` projection, while TopoJSON’s `feature` method extracts country polygons from a remote dataset. The map loads asynchronously via D3’s `json` request and appends each country path to the SVG, with subtle black strokes highlighting borders.

Ssumitradevipolina

78% match

Loading thumbnail…

ICE-8 World Map

This visualization presents a world map rendered in an SVG, where countries appear in light green with purple outlines and the ocean is filled with a blue sphere. The map is generated using D3.js (v5) with a geoEquirectangular projection and the geoPath function to draw geographic shapes. TopoJSON's feature method converts country boundaries from the world-atlas countries-110m JSON data source, while the CSS defines the visual styling for the sphere and country elements.

Kkartik900

78% match