Skip to main content
SimilarExport ZIP
100%

Anv_ICE8_Argentina_(Topojson)

✓ Published8🌍 Public
AAnvesh Chinta
Last edited Apr 13, 2023
Created on Apr 12, 2023

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.

AI-generated description

Argentina Map

MIT Licensed

Similar vizzes

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
92% 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
92% 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
90% match
Loading thumbnail…

Fork of Anv_ICE8_Argentina_(Topojson)

This visualization displays Argentina’s provinces on a transverse Mercator projection using D3. The map renders provinces as interactive SVG paths with hover highlighting, and supports zoom via the `d3.zoom` API. It loads TopoJSON data from a GitHub gist, converts it to GeoJSON with `topojson.feature`, and draws paths using `d3.geoPath`. The projection is configured with `d3.geoTransverseMercator` from the `d3-geo-projection` module, with custom centering and rotation to fit the country’s shape.

Vvryvarma5577@gmail.com
90% 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
89% 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
87% match
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
85% 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
85% match