Skip to main content
SimilarExport ZIP
100%

Australia Electorate Map

✓ Published0🌍 Public
PPatrickhCahill
Last edited Apr 12, 2022
Created on Apr 12, 2022

This visualization displays the electoral boundaries of Australian federal electorates using a natural Earth projection. The map renders each electorate as a filled SVG path, with light green areas and thin black stroke lines distinguishing regions. The code loads geographic data from a TopoJSON file using D3 v5 and the `topojson` library, then applies `d3.geoNaturalEarth1` for projection and `d3.geoPath` to generate the paths. The accompanying README includes a video tutorial for the example.

AI-generated description
MIT Licensed

Similar vizzes

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

Australia Map

This map of Australia displays its electoral regions as white-filled SVG paths with grey borders and labeled with region names. Built with React and D3 v5, it uses `d3.geoMercator` for projection, `d3.geoPath` to generate paths from TopoJSON data, and `topojson.feature` to extract geometries. State labels are positioned using `pathGenerator.centroid`. The TopoJSON source provides the 2021 electoral boundary shapes.

HHema1430
83% match
Loading thumbnail…

Austrailia

This visualization displays Australia's electoral districts as colored SVG paths, each filled with a categorical color based on its `Elect_div` property and labeled with the state name centered via `d3.geoPath` centroids. Using `d3.geoMercator` projection and `topojson.feature`, the code loads a TopoJSON file and renders the geometry. State labels are appended as SVG text elements, and the color scale uses `d3.scaleOrdinal` with `schemeCategory10`.

BBala Sai Krishna
82% match
Loading thumbnail…

Australia

This visualization displays the electoral regions of Australia, with each region filled by a distinct color from a categorical palette and labeled with its name. Built with D3.js (v5) and the topojson library, it reads geographic data from a local JSON Topology file. The map uses the Mercator projection with custom translation and scaling to position the country. SVG paths are generated with `d3.geoPath` and the `feature` function from topojson extracts the region boundaries for rendering.

SSharanya1307
82% 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
82% match
Loading thumbnail…

Australia Map

This example displays a map of Australia with its electoral regions, each filled with a distinct color from a categorical palette using `d3.scaleOrdinal` and `schemeCategory10`. The map is rendered as SVG paths generated by `d3.geoPath` with a `geoMercator` projection, using TopoJSON data from `australia.json`. State and territory names are overlaid at each region’s centroid via `pathGenerator.centroid`. The visualization relies on D3 v5 and the `topojson` library for feature extraction.

RRupeshGandham
82% match