Skip to content
A real-time 3D digital map of Tokyo's public transport system
JavaScript HTML CSS
Branch: master
Clone or download

README.md

Mini Tokyo 3D

A real-time 3D digital map of Tokyo's public transport system.

Screenshot

Screenshot

Screenshot

See a Live Demo.

User Guide

Cheat Sheet

Operation Description
Mouse drag or swipe Pan
Mouse wheel rotation Zoom in/out
Right click or Ctrl key + mouse drag Tilt up/down and rotate
Shift key + mouse drag Box zoom
Pinch in/out Zoom in/out and rotate
Double-click or double-tap Zoom in
Click or tap the search button Show/hide the station search window
Click or tap +/- buttons Zoom in/out
Click or tap the compass button Reset bearing to north
Click or tap the compass button + mouse drag or swipe Tilt up/down and rotate
Click or tap the fullscreen button Toggle the fullscreen mode
Click or tap the eye button Toggle the underground mode
Click or tap the train/helicopter button Switch the tracking mode
Click or tap the clock button Toggle the real-time mode
Click or tap the weather button Show/hide the weather
Click or tap the info button Show/hide the app info dialog
Click or tap a train Enable tracking
Click or tap the map Disable tracking
Hover a train Show the train information

About Data

The data for this visualization are sourced from Open Data Challenge for Public Transportation in Tokyo, which includes station information and train timetables as well as real-time data such as train location information and status information of multiple railway lines in the Greater Tokyo area.

License

Mini Tokyo 3D is available under the Apache license 2.0.

You can’t perform that action at this time.