Fork of Aussie Toilet Data (Added Features)

100%

Fork of Aussie Toilet Data (Added Features)

✓ Published0🌍 Public

Last edited May 14, 2024

Created on May 12, 2024

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.

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…

Aussie Toilet Data

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.

SStuart Sessions

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

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

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

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

69% match

Loading thumbnail…

Fork of austrailia

This fork of a D3.js map visualization displays Argentina’s provinces using a transverse Mercator projection. The code loads GeoJSON data from a gist and renders each region as a styled SVG path with hover effects, using `d3.geoPath` and `d3.geoTransverseMercator`. A zoom behavior via `d3.zoom` allows interactive panning and scaling of the map. The visualization also incorporates `topojson.feature` and a sphere background, with a green-to-maroon hover fill for country outlines.

TTekmal-Bhavana

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

69% match

Loading thumbnail…

World Map and Australian States

This interactive web application presents two geographic visualizations: a world map and a map of Australian states. Using D3.js version 7 and the TopoJSON library, the application loads GeoJSON data from remote URLs, projects it via `d3.geoConicEqualArea` and `d3.geoNaturalEarth1`, and renders the maps as SVG paths. The Australian map colors each state and displays its name as a tooltip on hover, while the world map uses uniform gray fills with darker strokes for country boundaries.

AArun Kumar M

69% match