To math SVG path with available paths open localhost:8000/editor.html and modify editor. The Hong Kong MTR is nothing like the London Tube - it is supremely easy to get around the MTR and you can memorise the necessary stations quite easily. I started with the SVG of Hong Kong MTR system (with real coordinates) from wikipedia, extracted key information (paths) and built a matching tool for the HK MTR plan available in station, generating the first stations.csv. There is a good map in Wiki (as well as some other interesting information). Visit localhost:8000/hk.html for the final animation, all the other files in the repo are tools to create the animation.
#HONG KONG MTR MAP CODE#
Not the best code ever written for sure, but it was a one shot project, and I learnt so much on the way. Data for the true map from the SVG available on Wikipedia and manually for the stations and the MTR projected map Javascript based, D3 + some homemade morphing functions, on top of KUTE.js for the islands. The future MTR map once all current projects are completed (current MTR.
![hong kong mtr map hong kong mtr map](https://coconuts.co/wp-content/uploads/2018/07/MTR-Map-Swapped-Translations-Transliterations-crop-820x540.jpg)
After the amazing work on Berlin and Paris metros from u/vinnivinnivinni and u/hflake, I decided to create mine. The Mass Transit Railway (MTR) is a major public transport network serving Hong Kong.