Skip to main content
SimilarExport ZIP
100%

Fork of austrailia

✓ Published0🌍 Public
TTekmal-Bhavana
Last edited Apr 12, 2023
Created on Apr 12, 2023

This fork of a D3.js map visualization displays Argentina’s provinces using a transverse Mercator projection. The code loads GeoJSON data from a gist and renders each region as a styled SVG path with hover effects, using `d3.geoPath` and `d3.geoTransverseMercator`. A zoom behavior via `d3.zoom` allows interactive panning and scaling of the map. The visualization also incorporates `topojson.feature` and a sphere background, with a green-to-maroon hover fill for country outlines.

AI-generated description

Argentina Map

MIT Licensed

Similar vizzes

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
87% 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
85% 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
85% match
Loading thumbnail…

Fork of Australia map

This map displays Mexico’s states using a Mercator projection with d3.geoPath and d3.geoMercator. It fetches TopoJSON data from a GitHub gist, converts it with topojson.feature, and renders each state as a green SVG path with yellow borders. A blue graticule overlay is drawn using d3.geoGraticule. The visualization is built with React, which loads the data asynchronously via d3.json and displays a loading message until the geometry is ready.

TTekmal-Bhavana
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
83% match
Loading thumbnail…

Fork of Australia Map

This example displays a choropleth map of Australia’s administrative regions, rendered as red-filled paths with white strokes on an SVG canvas. It uses d3.geoMercator with a clipped projection and d3.geoPath to draw the features, while topojson’s feature method converts the loaded state and district datasets into GeoJSON. The map supports zooming via d3.zoom, and d3.scaleOrdinal with schemeCategory10 assigns categorical colors, though the current styling overrides fills with a uniform red.

TTekmal-Bhavana
83% match
Loading thumbnail…

Fork of America Map

This choropleth-style map displays Australian states using light green fills with brown borders and hover highlighting. The visualization uses a geo-albers-usa projection through `d3.geoPath` to render TopoJSON data fetched from a GitHub gist, with state names labeled at each region’s centroid. Built with D3 v5 and TopoJSON, the SVG paths include tooltips via appended `title` elements, while state labels are positioned using the path generator’s `centroid` method.

RRahulSai05
81% match
Loading thumbnail…

Fork of Fork of ICE8 - Country Map

This example renders a map of Australian electoral regions as colored SVG paths, with each region filled according to its electoral division using a categorical color scale. The code uses D3 v5’s `geoMercator` projection and `geoPath` to convert TopoJSON geometry into SVG paths, and labels each region with its name at the path centroid. The TopoJSON data is loaded from a local `australia.json` file, and the visualization is built within a React framework using the `topojson.feature` API to extract region shapes.

GGalineeharika
81% match