https://github.com/neon-ninja/taba

My entry for "There and back again" - https://www.stats.govt.nz/2018-census/there-and-back-again-data-visualisation-competition
https://github.com/neon-ninja/taba

census nz statistics travel

Last synced: 12 months ago
JSON representation

My entry for "There and back again" - https://www.stats.govt.nz/2018-census/there-and-back-again-data-visualisation-competition

• Host: GitHub
• URL: https://github.com/neon-ninja/taba
• Owner: neon-ninja
• License: mit
• Created: 2020-06-19T06:49:00.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2021-05-11T20:11:52.000Z (about 5 years ago)
• Last Synced: 2023-08-05T00:22:49.385Z (almost 3 years ago)
• Topics: census, nz, statistics, travel
• Language: TypeScript
• Homepage: https://neon-ninja.github.io/TABA/
• Size: 14.2 MB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# TABA

Visualisation of the 2018 NZ Census commuter data.

This is a flowmap using using [flowmap.gl](https://github.com/teralytics/flowmap.gl).

The app was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

[Try in action](https://neon-ninja.github.io/TABA/).

![screenshot](https://neon-ninja.github.io/TABA/screenshot.png)

![auckland screenshot](https://neon-ninja.github.io/TABA/auckland.png)

## Running

First, clone the repository:

    git clone git@github.com:neon-ninja/TABA.git

Then install dependencies:

    cd TABA

    yarn install

Add `.env` file to the project root with a [Mapbox access token](https://www.mapbox.com/help/define-access-token/):

    REACT_APP_MapboxAccessToken=Your_Own_Mapbox_Access_Token_Goes_Here

Finally, run:

    yarn start

## Description

This visualises the ["2018 Census Main means of travel to work by Statistical Area 2" dataset](https://datafinder.stats.govt.nz/table/104720-2018-census-main-means-of-travel-to-work-by-statistical-area-2/) using a flowmap. Only the "total" column is used. The data was preprocessed with QGIS to optimise file size for load time and reprojected to WGS84. Animated lines flow from the home SA2 true centroid to the work SA2 true centroid. The circles and lines are sized and coloured based on the number of people commuting along each path. The user can hover over a circle to highlight flows in or out of that point. Additionally, points are dynamically clustered depending on zoom level. I chose to show all lines at the same time to reduce the amount of user interaction required to show patterns.