Skip to main content

Start with a real data product

The CanvasGlobe starter kits are complete, editable Vite projects. Each one combines a responsive interface, realistic sample data, a globe and flat-map view, and the source code needed to make it your own.

Choose the story you need to tell, scaffold it, and replace the sample records with your data.

Analytics dashboard

Compare demand, incidents, or revenue across regions with KPI cards, a ranked table, density bins, and a continuous legend.

Best for: product analytics, executive reporting, network demand, and operational dashboards.

View source

Logistics routes

Follow animated shipments along great-circle routes, filter active corridors, and monitor route status from one operations view.

Best for: freight, supply chains, fleet operations, travel routes, and live network activity.

View source

Choropleth analytics

Color countries by product adoption, growth, or revenue, then let readers select a country and inspect the ranking.

Best for: market reports, survey results, country comparisons, elections, and geographic KPIs.

View source

Create a starter​

Run one command. The CLI creates a new project directory, installs no hidden service, and leaves the full interface in your codebase.

Analytics dashboard​

npm create canvas-globe@latest demand-dashboard -- --template analytics
cd demand-dashboard
npm install
npm run dev

Logistics route monitor​

npm create canvas-globe@latest freight-network -- --template logistics
cd freight-network
npm install
npm run dev

Choropleth report​

npm create canvas-globe@latest market-map -- --template choropleth
cd market-map
npm install
npm run dev

What you can change​

The datasets are ordinary JavaScript objects. You can replace the sample cities, routes, country values, labels, colors, and metrics without rebuilding the surrounding layout. Each starter also includes:

  • a globe and a flat-map presentation;
  • responsive controls for desktop and mobile;
  • a clear visual legend;
  • accessible buttons and readable status text;
  • a local Canvas 2D renderer with no required map-tile requests;
  • a README explaining where to add your data and license key.

Before a public deployment​

These starters use the commercial CanvasGlobe package. Add your license key before deploying a public production site. Purchase a license or email [email protected] if you need help choosing a plan.

If you prefer to build the interface yourself, continue with data loading, choropleth maps, routes and arcs, or hex-bin overlays.