Guide
How It Works
A complete walkthrough of every feature in the Meeting Time Coordinator - from city selection to generating a shareable meeting card.
Open the tool →Select your cities
Use the city search box to add 2-5 cities. Start typing a city name and pick from the live dropdown. Each city gets a color code that appears across all views. You can add up to 5 cities - representing your team members, clients, or offices in different locations.
Don't see your city? Search by country name - smaller cities may be listed under a regional hub.
Read the 24-hour timeline
Each selected city gets a horizontal bar covering a full 24-hour day. The green band marks the working-hour window (default 9 AM-6 PM local time). You can customize this window in Settings if your team uses different hours.
The darker the overlap indicator, the more cities are simultaneously in working hours - a bright green column means everyone is online.
Drag the UTC time slider
The vertical red line on the timeline represents the current moment in UTC. Drag it left or right to explore any point in the day. All city rows update instantly to show what local time that UTC moment corresponds to, and whether that city is in business hours.
Click "Now" to snap the slider back to the current UTC time.
Find the green overlap window
The overlap indicator at the top of the timeline turns green when every selected city is simultaneously in working hours at the slider position. This is your meeting window. If there is no green window, at least one city has no overlap - try adjusting to 7 AM-8 PM in Settings to find a wider overlap.
Pakistan-US West Coast pairs often have zero overlap at default hours. Widening hours to 7 AM-9 PM reveals 1-2 hours of overlap.
Interact with the globe
The 3D globe renders with real-time day/night shading based on the current solar position. Cities you selected appear as color-coded markers. Click a marker to toggle a city in or out of your selection directly from the globe. Great-circle arcs connect selected city pairs so you can visualize the route.
Drag to rotate the globe, scroll to zoom. Switch to the 2D map view if WebGL is slow on your device.
Generate a meeting card
Once you have found a good meeting time, click 'Generate card'. The tool draws a PNG image on a Canvas element showing each city's local time at the selected UTC moment. Download the image or copy it directly to your clipboard to paste into Slack, email, or a calendar invite.
The card includes a watermark with the UTC reference time so recipients can verify the times in their own timezone.
Full-screen mode
Click the 'Full screen' button to expand the tool to fill your entire screen. The globe takes center stage, with city times, the slider, and meeting card in a right-side panel. Press Escape or click the X to exit. Ideal for sharing on a screen during a meeting.
Use the Settings button in full-screen mode to adjust working hours without losing your current state.
Common questions
Does it handle Daylight Saving Time?
Yes. All timezone math uses IANA identifiers (like 'America/New_York') via the JavaScript Intl API. DST transitions are applied automatically - no manual offset tables.
Can I share a specific setup with my team?
The 'Generate card' button creates a PNG you can paste into any chat or email. URL-based sharing (pre-loaded city lists) is on the roadmap.
What if there's no overlap at all?
For pairs like Karachi-San Francisco, standard 9-6 hours have no overlap. Use Settings to widen to 7 AM-8 PM. Sometimes the only workable time requires one side to flex - the tool makes it easy to see exactly how much flex is needed.
Is my data sent to a server?
No. All city lookups, timezone calculations, canvas rendering, and slider state run entirely in your browser. Nothing is transmitted to a server.
Ready to schedule your next meeting?
Try the tool - no sign-up, no install, works in any browser.
Open Meeting Time Coordinator →