ApexCharts
  • Products

    ApexCharts.js
    Modern, interactive charts for the web
    ApexGrid
    High-performance data grid for the web
    ApexMaps
    Maps and geographic data visualization
    ApexGantt
    Project planning with dependencies
    ApexTree
    Org charts and hierarchical diagrams
    ApexSankey
    Flow and relationship diagrams
    ApexStock
    Financial charts and indicators
    Chart Editor
    Visual chart builder, no code required

    By capability

    • JavaScript Data Grid
    • JavaScript Gantt Chart
    • JavaScript Sankey Diagram
    • JavaScript Org Chart
    • JavaScript Stock Chart
    • JavaScript Map Chart
  • Build something

    • ShowcaseFull applications built on several Apex products at once
    • RecipesHow to solve one concrete problem, with the wiring code

    Browse examples

    • All demosEvery gallery, across all seven products
    • Chart featuresWhat the charting library can do
    • Unit shapesPictorial charts drawn from real shapes
  • Docs
  • AI
  • Pricing
  • Learn

    • BlogReleases, research and engineering notes
    • What's newThe current version of every product, and its release notes
    • Loved by developersWhat people build and say
    • Embedded analyticsDashboards and reporting inside your product

    Company

    • SupportGet help from the team
    • LicensingWhat each plan permits
    • About us
  • Map series
  • Choropleth Defaults
  • Bubbles
  • Markers & Clustering
  • HexbinPremium feature
  • ArcsPremium feature
  • RoutesPremium feature
  • Basemap
  • Normalize
  • Geometry & projections
  • Projections
  • Geometry Registry
  • Hex Tile MapPremium feature
  • Joins
  • Extending
  • Scales, palettes & theming
  • Scales & Classification
  • Palettes
  • Pattern FillsPremium feature
  • Image FillsPremium feature
  • Theming
  • Interaction & camera
  • Camera
  • Selection & Linked MapsPremium feature
  • DrilldownPremium feature
  • AnnotationsPremium feature
  • Export, platform & accessibility
  • Accessibility
  • Export

ApexMaps Demos

Browse all ApexMaps sample demos. Click any thumbnail to see the live demo and source code.

FRAMEWORKS
Angular React Vue

Map series

Choropleth Defaults
Choropleth Defaults
Two option keys, no styling: Equal Earth projection, quantile classification, and a computed legend.
Bubbles
Bubbles
Square-root versus linear proportional-symbol sizing, plus a second color encoding.
Markers & Clustering
Markers & Clustering
Seven marker shapes with categorical color; clustering requires a Premium license.
HexbinPremium feature
Hexbin
20,000 points binned onto a screen-space lattice, against the cost of drawing every one; a Premium feature.
ArcsPremium feature
Arcs
Great-circle connections with antimeridian cutting, curvature, and directional flow beads.
RoutesPremium feature
Routes
The line series draws routes through a given sequence of vertices.
Basemap
Basemap
Geometry with no data series, plus automatic label collision handling.
Normalize
Normalize
Counts versus rates on the same choropleth, side by side.

Geometry & projections

Projections
Projections
Eight of the 13 built-in projections, spec objects, and rotation.
Geometry Registry
Geometry Registry
Three built-in geometry packs with zero configuration, plus the full catalogue.
Hex Tile MapPremium feature
Hex Tile Map
One equal cell per region, the morph back to real boundaries, and all seven built-in layouts; a Premium feature.
Joins
Joins
A failing data-to-geometry join explained with suggestions, then repaired.
Extending
Extending
registerMap with a custom floor plan, registerPalette, and a custom geo loader.

Scales, palettes & theming

Scales & Classification
Scales & Classification
Quantile, Jenks, equal interval, and threshold classification on one skewed dataset.
Palettes
Palettes
All 17 OkLab-sampled ramps, and the automatic diverging-palette choice.
Pattern FillsPremium feature
Pattern Fills
Eight textures laid over the color a scale chose, for print, color-vision safety, and qualitative maps; a Premium feature.
Image FillsPremium feature
Image Fills
Clip a picture to the outline of each region, a flag or a satellite tile per feature; a Premium feature.
Theming
Theming
Dark mode, CSS custom properties, and responsive rules.

Interaction & camera

Camera
Camera
flyTo, easeTo, fitBounds, and interrupting one camera move with another.
Selection & Linked MapsPremium feature
Selection & Linked Maps
Box selection brushing a linked pair of maps; map linking requires a Premium license.
DrilldownPremium feature
Drilldown
States into counties, and back out again, with an automatic breadcrumb.
AnnotationsPremium feature
Annotations
Editorial callouts and highlights placed directly on the map.

Export, platform & accessibility

Accessibility
Accessibility
Keyboard navigation, an auto-generated description, and an optional data table.
Export
Export
Export the current map view as a PNG or SVG.