41–50 of 112 posts
http://philholden.me.uk/kraya/routemap/
I wanted to simply draw and SVG of the bus route map. The timetable had the lat long of stop positions. I was using d3 so having drawn the map it almost zero effort to animate the busses. It was just a standard transition with a delay and a duration.
Looks great! If author wants some inspiration then this tokyo map is awesome: https://github.com/nagix/mini-tokyo-3d
If someone happens to know where I can find this animation I would be really grateful.
It's super smooth on Chrome, but it's doing (say) 1 frame per second on Firefox.
(Nevertheless: Beautiful!)
Nice! Would be more realistic (and more Mini Metro-like) if the trains actually stopped at the stations though. Also, the trains don't have to disappear and reappear at the terminal stations, they could just stay there until they are scheduled to go back - after all, that's what they do in reality as well... Any chance that the source could be made available ;) ?
The solution with fade out / fade in is pretty clever. Short layovers will cross-fade automatically, but you don’t need complicated internal information about which train continues from one run to the next. Stopping would be neat, but may also be visually messy.
It's super smooth on Chrome, but it's doing (say) 1 frame per second on Firefox.
There is a real Berlin live map of subway, bus and railway at: https://www.vbb.de/fahrinfo/ by the operator. Seems no english version available, you have to - click upper right corner "Livekarte" - click on the menu again "Livekarte" - select means of transport: radio buttons for subway, railway etc - zoom in to see subway
It's super smooth on Chrome, but it's doing (say) 1 frame per second on Firefox.
An official live map with subway and tram positions in Nuremberg: http://infoportal.vag.de/InfoPortal/