Skip to main content

Examples

:::note Demonstration data People, companies, customer counts, revenue, and activity shown in these examples are fictional unless a page explicitly cites a real source. They demonstrate product patterns, not CanvasGlobe customer proof. :::

Every example below is a real job someone is trying to do: put a globe in a hero, prove that customers exist, show where the team is, generate a share card: not a feature demo dressed up as one. Each page has a live globe you can poke at, the complete code, and a short note on why the choices were made, because a map that looks impressive and communicates nothing is a waste of a fold.

Picking one

If you are trying to…Start with
Fill a hero section with something that movesLanding page hero globe
Prove you have customers outside your own cityWhere our customers are
Make a quiet product feel busyLive signup social proof
Replace a grey logo stripTrusted-by logo map
Sell a remote job to a candidateRemote team map
Announce a launch in one countryLaunch announcement video
Ship an OG image per page or per customerSocial share card generator
Celebrate hitting a numberWaitlist milestone
Show revenue or usage by countryCoverage dashboard
Publish regional healthStatus page by region
Explain a supply chainShipping and delivery routes
Send people to a physical placeStore and office locator
Fill an event or webinarEvent registrations
Wrap up a year of numbersYear in review

Selection criteria

Use a globe when geographic distribution is part of the message. Use text when the same information is clearer as a sentence.

Use real data. Do not invent signups or activity to make a map look busy.

Test the map at mobile widths and with motion disabled. CanvasGlobe honours prefers-reduced-motion by default.

CanvasGlobe does not request tiles or require API keys. Its geographic data is included in the package.

Building your own

Start from the Playground: configure a globe visually, then copy the generated options into your app. Or read Options for the whole surface in one table.