OverlayNew
Globe inset with a spreading cap
A small orthographic globe turned to a place, with coastlines, a marker and a circle on the sphere that spreads out to a distance.
- Version
- 1.0.0
- Added
- 23 October 2026
- Films
- Not used in a film yet
Parameters
| Name | Type | Default | Range | What it does |
|---|---|---|---|---|
| lat (Can change over time) | number | 35 | -90 to 90 deg | the latitude the globe is turned to and the marker stands at, in degrees northCan change over time |
| lon (Can change over time) | number | 15 | -180 to 180 deg | the longitude the globe is turned to and the marker stands at, in degrees eastCan change over time |
| reach (Can change over time) | number | 1500 | 0 to 20100 km | how far the cap has spread from the place along the surface, in kilometres; give a track to spread itCan change over time |
| turn (Can change over time) | vec2 | 0, 0 | -90, -180 to 90, 180 | degrees [north, east] to turn the globe away from the place, so a wide cap shows its edgeCan change over time |
| label | text | REACH | – to 40 | a small word over the distance, such as FELT or ASH; empty for none |
| unit | choice | km | km, mi | the unit the reach is written in (the reach itself is always kilometres) |
| decimals | integer | -1 | -1 to 4 | decimal places of the reach; -1 picks them from its size |
| format | choice | grouped | grouped, plain, compact, scientific | how numbers are written: 12,500 / 12500 / 12.5k / 1.25×10⁴ |
| graticule | choice | coarse | coarse, fine, off | the grid of latitude and longitude: a sparse one, every 30 degrees, or none |
| corner | choice | br | br, bl, tr, tl | which corner of the frame it sits in |
| size | number | 0.3 | 0.2 to 0.5 | the diameter of the globe, a share of the frame’s height |
| sea | color | #13293d | – | the oceans |
| ink | color | #f3f0e8 | – | words, numbers, ticks and outlines |
| accent | color | #4fb8e8 | – | the live value, the fill, what is highlighted |
| font | choice | sans | sans, serif, mono | the face of the reach and its word |
| backing | number | 0.35 | 0 to 1 | how dark the soft panel behind the globe is; 0 for none |
| reveal | number | 0.8 | 0 to 5 s | how long the globe takes to draw in and the cap to start spreading; 0 shows it at once |
Use it in a film
film.js
elements: { 'globe-inset': { lat: 35, lon: 15 } }Use it from your agent
Ask your agent to put it in a film. It finds the element by name.