Skip to main content
SimilarExport ZIP
100%

Departamentos Argentina - interactivo

✓ Published2🌍 Public
Jjeronimoek
Last edited May 16, 2020
Created on May 16, 2020

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE8_Argentina_

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.

Mmboinapally17
84% match
Loading thumbnail…

(Topojson)

This visualization displays an interactive map of Argentina, with each department and province rendered as a distinct geographic region. Users can hover over individual areas to see their names via a tooltip, and the map supports zooming and panning. It uses `d3.geoPath` with a `d3.geoTransverseMercator` projection to draw the shapes from TopoJSON data, alongside the `topojson` library's `feature` function for parsing. The zoom interaction is implemented using `d3.zoom` and `d3.event`, while the data is loaded from a remote JSON file containing department boundaries.

Ggeethanjalikotaru
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
84% 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
81% 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
81% 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
80% 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
80% match
Loading thumbnail…

AnithaShivaramaiah(11537410)(Topojson)

A map of Argentina displays its administrative departments, colored in purple with hover highlighting, projected using a transverse Mercator projection. The visualization uses d3.geoPath with a geoTransverseMercator projection and topojson.feature to render geographic boundaries from a remote GeoJSON dataset. Zoom interaction is enabled via d3.zoom, applying transforms to an SVG group. Tooltips show each department and province name using appended title elements, with styling handled through CSS classes.

AAnitha Shivaramaiah
79% match