Skip to content

component

Dot Map Redux

By Joshua Roberts

Details

Summary

Dynamic dot world map with live shading.

Description

Revamped Interactive Dot Map 🗺️ Showcase your global footprint. Built on a custom high-performance canvas engine, this map handles thousands of geographic dots seamlessly while offering crisp zooming, panning, and rich media overlays. Best use cases: Enterprise "Global Reach" sections, remote team location visualizers, agency contact pages, shipping/logistics dashboards, and immersive portfolio headers. How to Use: Drag and drop the map onto your canvas. Enter the coordinates (Latitude/Longitude) for your HQ and any extra location pins. Toggle on Visitor Detection to automatically drop a pulsing pin exactly where your user is browsing from. Customize the dot density, theme colors, and time-difference banners to fit your brand. Highlights: High-performance Canvas + SVG hybrid rendering engine Real-time astronomical day/night terminator shading Automatic visitor geolocation ("You" pin) Smooth scroll-to-zoom and drag-to-pan interactions Smart pin clustering (auto-groups overlapping locations) Rich media hover cards (supports images and inline video) Automatic timezone difference calculations Built-in city chooser and search index Includes interactive analog clocks for local vs. visitor time Fully customizable dot density, spacing, and sizing Responsive and performance-capped to ensure 60fps on all devices Customizable proximity cursor effects

Introduction

Dynamic dot world map with live shading.

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600162308/148/228/309/79/15
  • All · #6151