Fork of Fork of Australia Electorate Map

100%

Fork of Fork of Australia Electorate Map

✓ Published0🌍 Public

Last edited Jul 9, 2022

Created on Jul 9, 2022

This interactive map of Australia displays its electoral divisions, with each region filled by a color from a categorical palette and labeled with its name. Built with D3 v5 and React, it uses the `topojson` library to parse the provided `australia.json` file and `d3.geoPath` with a Mercator projection to render the geographic boundaries as SVG paths. The visualization loads the data from a local file and colors each electorate distinctly based on its division property.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Fork of Australia Electorate Map

This visualization displays Australia's electoral boundaries as colored regions on an SVG canvas, with each electorate labeled by name. It uses D3 v5 with the geoMercator projection and d3.geoPath to render the shapes from TopoJSON data, applying a categorical color scale based on electorate division. The map includes state boundaries with black strokes and interactive tooltips showing region names, all positioned using path centroid calculations.

Tttummala17

93% match

Loading thumbnail…

Fork of Australia Electorate Map

This visualization displays the electoral divisions of Australia, with each region filled by a distinct color from d3.scaleOrdinal and d3.schemeCategory10. The map uses d3.geoMercator, d3.geoPath, and topojson.feature to project and render the topology from australia.json. State names are overlaid at each polygon’s centroid using d3 pathGenerator.centroid. Borders are highlighted in green with thick strokes via CSS.

SSaiSreya1

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

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

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

90% match

Loading thumbnail…

Australia Electorate Map

This map visualizes Australian electorates, coloring each region by its electoral division using a categorical color scale and labeling them with their names. Built with D3 v5 and the topojson library, it processes a Topology JSON file to generate SVG paths via `d3.geoPath` with a Mercator projection. The React-based example uses `d3.scaleOrdinal` with `schemeCategory10` for fills, and positions text labels using centroid calculations from the projection.

PPatrickhCahill

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

87% match

Loading thumbnail…

Australia Map

This example visualizes Australia’s electoral boundaries as a static choropleth map, coloring each state or territory by its electoral division name. The map renders geographic shapes from a TopoJSON file using `d3.geoPath` with a `d3.geoMercator` projection, and applies a categorical color scale via `d3.scaleOrdinal`. Built with React and d3.v5, the SVG output is generated by appending paths to the DOM, with tooltips added through appended `<title>` elements.

SShivaPriyad

87% match