Cobe Globe Studio

Configure a 5KB WebGL globe with markers and arcs, preview it live, and copy the code.

Cobe Globe Studio — build a 5KB WebGL globe with markers, arcs and colours, then preview it live and copy the code today

How to use Cobe Globe Studio

  1. Pick a marker preset (all cities, Americas, Europe and Africa, or Asia and Pacific).
  2. Toggle individual cities on or off, and switch arcs between marker pairs.
  3. Tune dark mode, diffuse light, scale, map samples and brightness.
  4. Pick base, marker and glow colours, then drag the preview globe to rotate it.
  5. Press Copy createGlobe() code and paste it into your project after npm install cobe.

Features

  • Live dotted-sphere preview with drag to rotate and spin control
  • 14 real cities with exact latitude and longitude from the cobe README
  • Marker presets by region plus per-city toggles and arc drawing
  • Full option set: dark, diffuse, scale, mapSamples, mapBrightness, colours
  • Generates the exact createGlobe() snippet with onRender animation
  • Built on cobe by Shu Ding: 5KB, zero dependencies, MIT licensed

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.