Skip to main content
SimilarExport ZIP
100%

ICE 8 : Country Map

✓ Published0🌍 Public
SSnapika
Last edited Apr 4, 2022
Created on Apr 4, 2022

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.

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
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
83% 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…

Fork of Choropleth Map Argentina Dptos Corona (Topojson)

This choropleth map displays COVID-19 cases per department across Argentina, coloring each administrative region on a log scale from purple to light yellow. The visualization uses a Transverse Mercator projection via d3.geoTransverseMercator and renders paths with d3.geoPath in SVG. Interaction includes zooming via d3.zoom and hover effects that change fill color. A legend shows the logarithmic color gradient with a custom axis using d3.axisRight, while the data originates from a TopoJSON file of Argentine departments with case counts. The map also includes a rotated projection centered on the country.

MManohar Kowthavarapu
79% 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
79% match
Loading thumbnail…

Fork of Choropleth Map Argentina Dptos Corona (Topojson)

This choropleth map shows confirmed COVID-19 cases per department in Argentina, with a logarithmic color scale from light yellow to deep purple and a corresponding axis legend. The visualization uses d3.geoPath with a geoTransverseMercator projection to render TopoJSON data from a GitHub repository, displaying department names and case counts via tooltips. Zooming via d3.zoom enables interactive exploration, while d3.scaleLog maps case values to an SVG linear gradient. The map includes hover effects, province borders, and a custom axis using d3.axisRight with formatted tick labels.

Aaniosindustries
79% match
Loading thumbnail…

Fork of Choropleth Map Argentina Dptos Corona (Topojson)

This choropleth map visualizes COVID-19 cases per department in Argentina, using a logarithmic color scale from light beige to deep purple. The map is rendered with SVG paths via d3.geoPath, using a d3.geoTransverseMercator projection, and supports zooming through d3.zoom. It loads TopoJSON data from a GitHub repository, displays hover tooltips with department and case details, and includes a gradient legend and logarithmic axis. The code uses d3-scale, d3-geo-projection.v2, and topojson, with d3.queue for data loading.

PPablo Godoy
79% match
Loading thumbnail…

ICE8 - Country Map

This example displays a map of Australia, with each electoral region filled using a pastel color from a categorical scale. The map uses the D3.js geoMercator projection and geoPath API to generate SVG paths from TopoJSON data. State and territory names are rendered as text labels positioned at each region's centroid using the geoPath.centroid method. The visualization loads geographic boundaries from a remote JSON file and applies a custom title, illustrating a straightforward choropleth-style rendering with D3 v5 and the TopoJSON library.

Nnehabaddam
78% match