Vue Time Comparison

Vue SVG

A pretty neat Vue Time Comparison illustration made with Vue, SVG, and GreenSock. Depending on the current location selection (cities around the world), the clock changes along with the background to represent day and night.

Vue Time Comparison

Using the browser's native API for .toLocaleTimeString to get rid of libraries like moment.js for world time that respects daylight savings. The dial was built off of this dribbble shot with minor tweaks: https://dribbble.com/shots/2196737-Day-048-Speedometer and the graphic was a purchased game backround

A pen by Sarah Drasner.