Aussie Toilet Data

100%

Aussie Toilet Data

✓ Published1🌍 Public

Last edited May 12, 2024

Created on May 7, 2024

This visualization maps public toilet density across Australian states using a choropleth of state polygons. It uses `d3.geoMercator` for projection, `d3.geoPath` for rendering, and a linear `d3.scaleLinear` color scale from white to blue to indicate toilet counts per state. Interactive features include `d3.zoom` for panning, tooltips on mouseover, and a click-to-zoom that rescales the view. The map data comes from a states GeoJSON, while toilet counts are derived from a CSV, and state-level sub-maps (suburbs) are fetched from a secondary GeoJSON source.

AI-generated description

This visualization is covers the domain task "What parts of Australia have an influx of public toilets?"

The visualization is currently not working. The goal is to be able to view sub-categories of Australia by clicking on the map to get more details.

I want you to be able to look at the states an towns in those states, and see where there are more toilets vs. fewer toilets. Right now the color scheme doesn't quite work with the data, so this actually doesn't do anything more than a map.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Aussie Toilet Data (Added Features)

This interactive map shows the distribution of public toilets across Australian states, with each state colored by the number of toilets it contains. Users can click a state to zoom in and load suburb-level boundaries, revealing the relative density of toilets in that region. The visualization uses D3.js with `d3.geoMercator` and `d3.geoPath` to render geospatial data, `d3.zoom` for pan-and-zoom interactions, and an SVG-based color scale (`d3.scaleLinear`) to encode toilet counts. Tooltips appear on hover, and the map can be reset or toggled to overlay individual toilet point locations.

SStuart Sessions

92% match

Loading thumbnail…

map

This example displays a choropleth map of Australia, showing state boundaries and labels with hover-based population tooltips. It uses a Mercator projection centered on the country via `d3.geoMercator()` and renders geographic features as SVG paths through `d3.geoPath()`. State polygons are styled with a light fill that darkens on mouseover. The map loads GeoJSON data from a remote gist, and labels are positioned using `path.centroid()`. A custom tooltip div reveals the population property for each state on hover.

Ssaisathyapriya097@gmail.com

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

70% match

Loading thumbnail…

D3 Australia Conformal Conic

This example displays a map of Australia’s states using a Lambert conformal conic projection, with each state drawn as a dark gray polygon that highlights in orange on hover. The map is rendered as SVG, and the geographic data comes from Natural Earth, preprocessed via `ogr2ogr` and converted to TopoJSON. The visualization uses D3’s `d3.geo.conicConformal` projection and `d3.geo.path` to draw the shapes, while the interaction is handled through CSS `:hover` rules.

RRandomEtc

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

70% match

Loading thumbnail…

Australia Map

This example displays a choropleth map of Australia, with each electoral region filled with a distinct categorical color and labeled with its name. Using D3 v5 and TopoJSON, it loads the `australia.json` topology, converts the `2021_ELB_region` object into GeoJSON features, and renders them as SVG paths via `d3.geoPath` with a Mercator projection. A `d3.scaleOrdinal` with `schemeCategory10` determines fill colors, while state names are positioned at path centroids. The map includes red stroke outlines for all region boundaries.

Ttejasrikotipalli1@gmail.com

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

70% match

Loading thumbnail…

World Map and Australian States

This interactive map visualization lets users explore world countries and Australian states through a React-based interface. The main view renders world map data from the world-atlas TopoJSON dataset using D3 projections, with controls to switch between Natural Earth, Orthographic, Mercator, and Albers projections, plus a toggle for graticule grid lines. Clicking a country displays a detail panel with population, GDP, and regional information from the GeoJSON properties. The code leverages D3's geoPath, geoGraticule, and projection functions, while an additional choropleth view colors Australian states by population using d3.scaleSequential with an interpolateBlues color scheme.

AArun Kumar M

69% match