Fork of ICE8

100%

✓ Published0🌍 Public

Last edited Apr 13, 2023

Created on Apr 13, 2023

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.

AI-generated description

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

92% match

Loading thumbnail…

ICE8Country Map(Uruguay)

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.

Ppvreswar7@gmail.com

88% match

Loading thumbnail…

Fork of ICE 8 country map

This map visualization renders global country boundaries using a Mercator projection, with each country filled by a categorical color scheme. Built with React and D3 v5, the code loads TopoJSON data from a GitHub gist, processes it using the `topojson` feature API, and draws paths via `d3.geoPath` with a `geoMercator` projection. The SVG output responds to hover events by turning countries green, while a title shows each country’s interpolated value. The visualization includes a heading and uses the `d3.schemeCategory10` palette for initial coloring.

Aamiralitah

80% match

Loading thumbnail…

Fork ICE 8 world map

This visualization displays a world map with countries rendered in saddle brown against a light blue sphere, using a simple equirectangular projection. Countries highlight in rosy brown on hover. The code loads geographic data from the world-atlas TopoJSON file and converts it to GeoJSON using TopoJSON’s `feature` method. It renders the map with D3’s `geoPath` and `geoEquirectangular` APIs, appending SVG path elements for each country. Styling is handled via CSS classes for the sphere and country fills.

Ssushmithameher-patnam

79% 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

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…

Fork of ice8

This interactive map of world countries allows the user to switch between an orthographic projection and a Mercator projection by clicking on individual nations. The visualization also supports dragging to rotate the orthographic view and zooming, all rendered as SVG paths. The code uses the `d3.geoPath` and `d3.geoOrthographic` APIs from the D3-geo-projection library, and it loads country boundaries from a TopoJSON file alongside a TSV file containing country names. Dynamic rotation and zoom are handled through the `d3.drag` and `d3.zoom` interactions.

PPujitha14challagulla

79% match

Loading thumbnail…

Fork of ICE-8 world map

This visualization displays a world map with countries rendered in green against a sky-blue spherical backdrop, using an equal-area natural Earth projection. The map is generated with d3.geoPath and d3.geoNaturalEarth1, while TopoJSON’s feature function converts raw GeoJSON topology data into geographic features for rendering. Countries are drawn as SVG paths with subtle black strokes, and the sphere’s fill emphasizes the global context. The map data is sourced from a remote GitHub raw file, and the entire scene is rendered as static SVG elements within a 960×500 canvas.

Ppravallikayaram12

79% match