Globe.GL — 3D Globe Data Visualization Skill

SkillDev tools

Implement Globe.GL for 3D globe data visualization with WebGL/Three.js, setup, data layers (points, arcs, polygons, labels), and integration patterns in plain HTML or React.

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.

Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.

Then ask your AI: use the Globe.GL skill

What this skill tells your AI

The instructions your AI receives, as published by bidewio/better-openclaw in skills/globe-gl-visualize/SKILL.md and read by ahel’s review.

When to use

Interactive 3D globe with data overlays
Visualize geographic data (connections, locations, heatmaps)
Impressive hero sections with globe animations

Quick start (ESM)

<script type="module">
  import Globe from 'globe.gl';
  const myGlobe = new Globe(document.getElementById('globe'))
    .globeImageUrl(myImageUrl)
    .pointsData(myData);
</script>

Quick start (CDN)

<script src="//cdn.jsdelivr.net/npm/globe.gl"></script>
<script>
  const myGlobe = new Globe(document.getElementById('globe'))
    .globeImageUrl(myImageUrl)
    .pointsData(myData);
</script>

Common layers

Points: Location markers with size/color
Arcs: Connections between locations
Polygons: Country/region highlights
Paths: Route visualizations
Heatmaps/Hex bins: Density visualization
Labels/HTML: Custom overlays
3D objects: Custom layer objects

Practical tips

Size the container with CSS; the globe fills its parent element.
Reduce point count or size for mobile performance.
Use a darker globe texture for neon-style data overlays.
React bindings available via react-globe.gl.

Tips for AI Agents

Ask which layers are needed (points, arcs, polygons, labels).
Confirm desktop vs mobile sizing requirements.
Check if drag/rotate interactions or static globe is preferred.

Signals

GitHub stars: 58
Forks: 6
Last commit: Aug 2026

Advanced

Item type: skill
Key: globe-gl-visualize
Source: github.com/bidewio/better-openclaw

github.com/bidewio/better-openclaw