Fork of America Map

100%

Fork of America Map

✓ Published0🌍 Public

Last edited Apr 4, 2022

Created on Apr 4, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

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

87% match

Loading thumbnail…

Fork of Australia Map

A choropleth map of Australia renders electoral boundaries with a categorical color scale, displaying state names at region centroids. The visualization uses D3.js version 5 with the geoMercator projection and geoPath generator to project TopoJSON data into SVG paths. The code applies a ten-color ordinal scale based on electoral division properties, with state name labels positioned via the projection's centroid method. The React framework loads geographic data from a GitHub gist, styling state boundaries with black strokes and white fills.

MMgk1255

86% match

Loading thumbnail…

Fork of America Map

This visualization displays a choropleth map of the United States with state names overlaid, using cyan to fill each state and a maroon highlight on hover. The map is rendered as SVG, with geographic data sourced from a GitHub-hosted CSV file. The code leverages d3's `geoAlbersUsa` projection, `geoPath`, `feature` from topojson, and `select` to generate state paths and position labels at their centroids.

SSheshidharreddy

85% match

Loading thumbnail…

Fork of Fork of US states map : with colorScale. One color for each country

This example displays a choropleth-style map of African states, rendered as green SVG paths with white strokes on a dark background. It loads GeoJSON data from a GitHub gist, converts it into geographic features using `topojson.feature`, and projects the shapes with `d3.geoAlbersUsa` and `d3.geoPath`. Each state path includes a `<title>` element showing the region’s name from the data’s properties. The implementation relies on D3 v5 for selection, data loading, and path generation, while the map’s styling is defined in an external stylesheet.

Bbhargavarathod

85% 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

85% match

Loading thumbnail…

Fork of Australia Electorate Map

This visualization displays Australia’s federal electoral divisions, each filled with a categorical color based on its electoral division name. It removes the first feature from the TopoJSON data and uses D3 v5’s geoMercator projection and geoPath to render SVG paths. The code also labels each region with its name at the centroid using d3.geoPath.centroid, and styles state boundaries with CSS. Data comes from a local australia.json file containing TopoJSON geometry.

BBasharAlFattal

85% match

Loading thumbnail…

Fork of Fork of Australia Map

This map of Australia displays individual regions colored by electoral division using a categorical color scale. Built with React and D3 v5, it loads GeoJSON data from a external URL via `json()` and renders each state as an SVG path using `geoPath` with a `geoMercator` projection. `feature` from topojson extracts the shapes, while `scaleOrdinal` with `schemeCategory10` assigns colors. Each region is labeled with its name positioned at the path centroid via `pathGenerator.centroid`.

KKeerthipriyaBankuru

84% match

Loading thumbnail…

Fork of Fork of USA Country Map

A choropleth map of the United States shows each state as a filled, pink polygon with white interior boundaries, highlighting states on hover by turning them orange. Built with D3 v5, the visualization uses `geoAlbersUsaTerritories` for the projection and `geoPath` to render the geographic features. State boundaries come from the `us-atlas` TopoJSON file, processed via the TopoJSON library's `feature` and `mesh` functions, and displayed within a React application using SVG.

GGalineeharika

84% match