Navigation

Maps & data

Pixel Brisbane

An interactive isometric map of Brisbane, combining buildings, places and useful city data.

Designed and built by me.

  • WebLive

Visit pixelbrisbane.com

Pixel Brisbane home page: the isometric map of Brisbane with the number of businesses mapped and buildings drawn.

What it does

Pixel Brisbane draws the whole of Brisbane as an isometric pixel map. Every building is extruded from its real footprint, streets keep their lane markings, and each business sits inside the building it actually occupies.

  • Explore the city: 127,668 buildings and 10,883 businesses across 187 suburbs.
  • Switch on layers: train, busway and ferry lines with 174 stations and terminals, Council river flood zones checked against 22,753 buildings, 435 schools with their catchments, heritage-listed places, public parking, dog parks, playgrounds and EV chargers.
  • See which businesses should be open now, based on their published opening hours.
  • Browse photos that people have pinned to the exact spot on the map.
  • Claim a business for free through a link emailed to its publicly listed email address, or with a badge on its website. There is no password to set and no form to fill in.

The numbers come from the live site in October 2026 and change as the data is synced.

Why an isometric map

I did not want the city to become another list of places. In a directory, a fourteen-storey tower and a corner shop look identical. On Pixel Brisbane the building itself is part of the interface: a badge shows how many businesses are inside, and one click opens the whole building. Because businesses stay attached to their real buildings, dense commercial streets are visible straight from the map.

Key decisions

Open data, with a source on every card. Instead of keeping a closed places database, the map combines public datasets. Each card says where its facts came from and when they were last synced.

A custom isometric renderer. The map does not use satellite imagery or a standard pin-based map. Buildings, transport lines, overlays and business markers are drawn in one visual system.

Verification without a manual review form. A business proves it is theirs through its published email address or a verification badge on its own website.

Human-reviewed corrections. Every listing has a “Spotted an error?” link. Submitted corrections are reviewed by a person rather than applied automatically.

How it is built

The datasets behind the map were never designed to work together. Businesses from OpenStreetMap are placed inside building footprints, matched to the Australian Business Register for the “Registered business” badge, and given suburbs and postcodes from G-NAF. Council flood zones are matched against every footprint, and TransLink timetables feed the stations layer. The same engine that places a cafe in its building also draws the other layers, and each fact keeps the source it came from.

Data sources

Source Used for
OpenStreetMap Building footprints, streets, parks, the river and the businesses themselves (ODbL)
Australian Business Register ABNs matched to listings, behind the “Registered business” badge
G-NAF Suburbs and postcodes
Wikidata Official websites for national chains
ABS Census 2021 Suburb profiles: population, median age and rents
Brisbane City Council flood awareness River flood zones matched to every building footprint
Queensland Heritage Register State-listed heritage places
TransLink GTFS Train, busway and ferry timetables (CC BY 4.0)
Education Queensland School locations and state-school catchments

Current state

Live at pixelbrisbane.com. The newest feature is a photo gallery: people upload photos from their phones, and each one is placed on the map using the location stored in the photo.

Details

Platforms
  • Web — live
Role
Designed and built by me.
Category
Maps & data

More projects

All projects
  • Developer toolsOpen source

    Knoverge

    A shared, self-hosted knowledge base for people and AI agents, with review and version history.

    • WebIn development

    Built with TypeScript · React · Node.js