Planetary.js - "Awesome interactive globes for the web"
- Posted: Feb 12, 2014 at 6:00 AM
- 10,935 Views
Today's Web Wednesday's post, I'm highlighting something I thought was interesting, different and just kind of cool.
Sure, you might not need this everyday (or week, month), but when you do...
Fully customizable, including colors, rotation, and more
Display animated "pings" at any location with custom colors and sizes
Mouse drag + zoom support
Extremely extensible via a plugin-based architecture
100% free and open source, licensed under the MIT license
This code shows the example from the homepage, which rotates, shows randomly positioned, colored, and sized pings on the globe, and supports mouse-based dragging and zooming. It also shows the creation and use of a plugin, which powers the automatic rotation and exposes a public API.
The demo also shows how you can keep your globe from looking pixelated on high density displays by changing the canvas' width and height but keeping its displayed width and height the same via CSS styling.
Like I said, you might not need this often, but I bet now that you've seen this, the ideas are already coming...