Australia country Map by Tejaswi_Tummala

100%

Australia country Map by Tejaswi_Tummala

✓ Published0🌍 Public

Last edited Jul 10, 2022

Created on Jul 9, 2022

This visualization presents a choropleth map of Australia, with each electoral region filled by a categorical color from `d3.scaleOrdinal` and `d3.schemeCategory10`, and labeled with its name. It uses `d3.geoMercator` with custom translation and scale to position the country, while `d3.geoPath` generates SVG paths from TopoJSON data. The map also displays region names via SVG text elements centered on each polygon’s centroid.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

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

88% match

Loading thumbnail…

Australia Map

This example presents a choropleth-style map of Australia, with each electoral region filled with a distinct color from `d3.schemeCategory10` and labeled with its name. The code uses `d3.geoMercator` to project the geographical data and `d3.geoPath` to generate SVG paths for each region. State and territory names are positioned using the centroid calculation from `d3.geoPath`. The map is rendered as an SVG, with data loaded from a TopoJSON file and processed using the `topojson.feature` API.

MMgk1255

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

87% match

Loading thumbnail…

ICE8_CountryMap

This visualization displays a choropleth map of Australian electoral regions, with each state filled by a categorical color scale and labeled with its name at the centroid. It uses d3.geoMercator projection and d3.geoPath to render the TopoJSON topology data, while d3.scaleOrdinal with schemeCategory10 assigns colors based on the Elect_div property. The SVG is populated by appending path elements for each feature, with tooltips added via appended title elements.

SSai Bhavana Akkineni

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

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

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

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

82% match