Skip to main content
SimilarExport ZIP
100%

ICE8_Argentina_

✓ Published0🌍 Public
Mmboinapally17
Last edited Apr 12, 2023
Created on Apr 12, 2023

This map of Argentina displays departmental boundaries and uses a green color scheme, with a dark blue sphere representing the ocean. The visualization uses D3’s `geoPath` and `geoTransverseMercator` projections to render the geographic data. It loads GeoJSON from a GitHub repository containing Argentina’s departments. Zooming is enabled via D3’s `zoom()` method, which applies a transform to the SVG group. Hovering over a department turns it maroon and shows a tooltip with the department and province name. The map is rendered as SVG.

AI-generated description

Argentina Map

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 8 : Country Map

This example displays a map of Argentina’s administrative departments, colored by reported COVID-19 case counts. It uses a transverse Mercator projection via `d3.geoTransverseMercator` and renders geographic paths with `d3.geoPath`. A logarithmic color scale (`d3.scaleLog`) maps the case numbers to a teal fill. The map supports zooming through `d3.zoom`, and department shapes hover with a light blue highlight. Data is loaded as TopoJSON from a GitHub repository and drawn as SVG paths.

SSnapika
85% match
Loading thumbnail…

Anv_ICE8_Argentina_(Topojson)

This example displays a choropleth-style map of Argentina’s provinces and departments, rendered with a Transverse Mercator projection and interactive zoom. The map shows administrative boundaries filled in green, with a title tooltip revealing each department’s name and province on hover. It uses D3’s `geoPath`, `geoTransverseMercator`, and `zoom` APIs, along with TopoJSON’s `feature` method, to load and draw geographic data from a GitHub-hosted JSON file. The SVG output includes a styled ocean sphere and country paths.

AAnvesh Chinta
85% match
Loading thumbnail…

Departamentos Argentina - interactivo

This interactive visualization displays a zoomable map of Argentina’s departments, with each region filled in light green and labeled by its department and province in a hover tooltip. Built with D3.js and the d3-geo-projection extension, it uses a transverse Mercator projection centered on the country and renders geographic paths as SVG elements. The map draws from a public GeoJSON dataset of Argentine departments, while a zoom interaction, implemented via D3’s `zoom` event, adjusts the map’s transform. Hovering changes the fill color to pink, and the sphere background is light blue.

Jjeronimoek
84% match
Loading thumbnail…

Fork of Anv_ICE8_Argentina_(Topojson)

This example displays a map of Argentina’s departments and provinces using a Transverse Mercator projection. The visualization colors each department in bright green, with provinces highlighted on hover, and renders the ocean in blue as a background sphere. Built with D3, it uses `d3.geoTransverseMercator` for the projection and `d3.geoPath` to draw the shapes. Data comes from a remote GeoJSON file, which is fetched via `d3.json` and processed with `topojson.feature`.

GGogineni44
84% match
Loading thumbnail…

Argentina Map

A Choropleth-free map of Argentina displays all departmental boundaries, colored with a solid red fill and blue ocean background, with hover effects turning regions pink. The visualization uses a Transverse Mercator projection via `d3.geoTransverseMercator`, rendered through `d3.geoPath` into SVG. TopoJSON data from the departamentos_argentina GitHub repository feeds the paths, while `d3.zoom` enables pan and zoom interactions.

MMar-99
83% match
Loading thumbnail…

Fork of Fork of Anv_ICE8_Argentina_(Topojson)

This interactive SVG map displays Argentina’s departments, coloring each province and showing its name and province in a tooltip on hover. The visualization uses the D3.js library with the `d3.geoTransverseMercator` projection, `d3.geoPath` for rendering shapes, and TopoJSON’s `feature` function to process geographic data from a GitHub-hosted JSON file. Pan and zoom are enabled via the `d3.zoom` event handler, while static CSS styles define the map’s color scheme and hover effects.

Vvryvarma5577@gmail.com
83% match
Loading thumbnail…

Fork of Anv_ICE8_Argentina_(Topojson)

This example displays an interactive map of Argentina, color-coded by province and highlighting individual departments on hover. It uses a Transverse Mercator projection via `d3.geoTransverseMercator` and renders geographic features as SVG paths with `d3.geoPath`. The map loads TopoJSON data from an external GitHub repository, converting it to GeoJSON with `topojson.feature`. Zoom and pan controls are implemented through d3’s `zoom` behavior, while CSS governs the hover color change. Background styling and a transparent sphere outline frame the visualization.

Vvryvarma5577@gmail.com
80% match
Loading thumbnail…

Argentine map

This example visualizes the departments of Argentina as a choropleth-style map with distinct teal land areas and gray graticules. The map uses a transverse Mercator projection centered on the country, implemented with `d3.geoTransverseMercator` and `d3.geoPath`, and renders geographic features as SVG paths. Data comes from a TopoJSON file of Argentine departments, converted to GeoJSON using `topojson.feature`. The React component manages projection setup through `d3.select` and renders the map reactively once data loads, with styling applied via CSS classes.

PPablo Godoy
80% match