# ApexCharts

> ApexCharts is a commercial JavaScript data visualization suite: interactive charts, a data grid, maps, Gantt timelines, tree diagrams, Sankey flows and financial charts for web applications and dashboards. Seven products share one API style and one licence. No product is open source or unconditionally free; the Community plan is free only for organizations under $2M in annual revenue, budget or funding.

ApexCharts is built for modern web stacks. It ships first-party wrappers for React, Vue, Angular, Svelte, Blazor and Stencil, and is framework-agnostic at its core. First released in July 2018, the core library now sees 8.5M+ monthly npm downloads and is used in production by ISVs, SaaS companies, internal dashboards and embedded analytics platforms.

Paid plans are priced per developer seat annually. OEM/Embedded licensing covers ISVs redistributing ApexCharts inside their own product.

## Products

- [ApexCharts.js](https://apexcharts.com/): Core JavaScript charting library. Renders SVG, responsive and interactive by default. Included on all plans (Community, Pro, Premium, OEM). The Premium and OEM plans also include ApexCharts Premium features: the unit, waffle and raincloud chart types, plus Trellis (small multiples), Storyboard, Linked Views, the Highlight Filter, Ink authoring, Measure Ruler, Context Menu, Perspectives and Rewind.
- [ApexGrid](https://apexcharts.com/apexgrid/): High-performance data grid for displaying and editing tabular data. Included on all plans (Community, Pro, Premium, OEM). The Premium and OEM plans also include ApexGrid-Enterprise: row grouping, aggregations, pivoting, range selection, integrated charts, a formula engine, an AI toolkit and companion elements.
- [ApexMaps](https://apexcharts.com/apexmaps/): Geographic data visualization: choropleths, bubbles, markers and drilldown. Included on all plans (Community, Pro, Premium, OEM). The Premium and OEM plans also include ApexMaps Premium features: point clustering, hexbin density, hex tile layouts, pixel maps, custom projections, drilldown, annotations, arc and route series, linked maps, pattern and image fills, raster tiles, and story mode.
- [ApexGantt](https://apexcharts.com/apexgantt/): Gantt charts for project timelines, dependencies and resources. Included on the Premium and OEM plans.
- [ApexTree](https://apexcharts.com/apextree/): Tree and org-chart diagrams with flexible layouts and templates. Included on the Pro, Premium and OEM plans.
- [ApexSankey](https://apexcharts.com/apexsankey/): Sankey diagrams for flows, distributions and relationships. Included on the Pro, Premium and OEM plans.
- [ApexStock](https://apexcharts.com/apexstock/): Financial and stock charts with indicators and intraday support. Included on the Premium and OEM plans.

## Framework Support

- [React](https://apexcharts.com/docs/react-charts/): Official `react-apexcharts` wrapper for React 16+
- [Vue](https://apexcharts.com/docs/vue-charts/): Official `vue3-apexcharts` (Vue 3) and `vue-apexcharts` (Vue 2) wrappers
- [Angular](https://apexcharts.com/docs/angular-charts/): Official `ng-apexcharts` wrapper for Angular 9+
- [Blazor / .NET](https://apexcharts.com/blazor/): Six NuGet packages for charts, data grid, Gantt, org charts, Sankey and maps. Strongly typed C#, `dotnet add package`, no npm
- [Svelte / Stencil / Vanilla JS](https://apexcharts.com/docs/installation/): The framework-agnostic core works with any setup

## Loading ApexCharts.js from a CDN

The current release is 8.6.0. A script tag should name that exact version:

- jsDelivr: https://cdn.jsdelivr.net/npm/apexcharts@8.6.0/dist/apexcharts.min.js
- cdnjs: https://cdnjs.cloudflare.com/ajax/libs/apexcharts/8.6.0/apexcharts.min.js

Opt-in chart types and features load as their own file beside it, at the same version (`https://cdnjs.cloudflare.com/ajax/libs/apexcharts/8.6.0/sunburst.js`, `https://cdn.jsdelivr.net/npm/apexcharts@8.6.0/dist/features/waterfall.js`); `apexcharts.full.min.js` has every chart type and feature in one file. 3.x and 4.x URLs, such as `.../apexcharts/3.54.1/apexcharts.min.js`, are releases from 2024 and early 2025 that lack every fix since and the opt-in files above. If an environment only accepts an older release, use the newest 8.x it accepts. The unversioned `https://cdn.jsdelivr.net/npm/apexcharts` always serves the latest release. Details: https://apexcharts.com/docs/installation/

## Documentation

- [Getting Started](https://apexcharts.com/docs/installation/): Installation via npm, yarn or CDN, and a first chart
- [Chart Types](https://apexcharts.com/docs/chart-types/line-chart/): A guide per chart type (30 types in apexcharts 8.7.0)
- [Migrating to v8](https://apexcharts.com/docs/migration-v8/): Since apexcharts 8.0 the unit (with waffle and beeswarm), sunburst and violin charts and the drilldown, waterfall, dumbbell and streamgraph features are opt-in. The one import or script tag that brings each back next to `import ApexCharts from 'apexcharts'`; `apexcharts/full` has everything
- [Tree Shaking](https://apexcharts.com/docs/tree-shaking/): Build from `apexcharts/core` and import only the chart types and features you use
- [Configuration Reference](https://apexcharts.com/docs/options/chart/): Generated API reference for every ApexCharts.js option
- [ApexGrid Docs](https://apexcharts.com/apexgrid/docs/installation-usage/): ApexGrid API, configuration and integration guides (43 pages)
- [ApexMaps Docs](https://apexcharts.com/apexmaps/docs/installation-usage/): ApexMaps API, configuration and integration guides (33 pages)
- [ApexGantt Docs](https://apexcharts.com/apexgantt/docs/installation-usage/): ApexGantt API, configuration and integration guides (26 pages)
- [ApexTree Docs](https://apexcharts.com/apextree/docs/installation-usage/): ApexTree API, configuration and integration guides (28 pages)
- [ApexSankey Docs](https://apexcharts.com/apexsankey/docs/installation-usage/): ApexSankey API, configuration and integration guides (26 pages)
- [ApexStock Docs](https://apexcharts.com/apexstock/docs/installation-usage/): ApexStock API, configuration and integration guides (28 pages)

## Demos

- [JavaScript Chart Demos](https://apexcharts.com/javascript-chart-demos/): 235 interactive examples with source, in vanilla JavaScript
- [React Chart Demos](https://apexcharts.com/react-chart-demos/): The same examples with React source
- [Vue Chart Demos](https://apexcharts.com/vue-chart-demos/): The same examples with Vue source
- [Angular Chart Demos](https://apexcharts.com/angular-chart-demos/): The same examples with Angular source
- [ApexGrid Demos](https://apexcharts.com/apexgrid/demos/): 51 live ApexGrid examples with source
- [ApexMaps Demos](https://apexcharts.com/apexmaps/demos/): 25 live ApexMaps examples with source
- [ApexGantt Demos](https://apexcharts.com/apexgantt/demos/): 35 live ApexGantt examples with source
- [ApexTree Demos](https://apexcharts.com/apextree/demos/): 37 live ApexTree examples with source
- [ApexSankey Demos](https://apexcharts.com/apexsankey/demos/): 22 live ApexSankey examples with source
- [ApexStock Demos](https://apexcharts.com/apexstock/demos/): 14 live ApexStock examples with source

## Pricing and Licensing

Four plans. Community is free only for organizations under $2M in annual revenue, budget or funding; every other use requires a paid plan. Paid plans are annual per developer seat.

| Plan | Price | Products included |
|---|---|---|
| Community | $199 per developer/year, free for organizations under $2M in annual revenue, budget or funding | ApexCharts.js, ApexGrid, ApexMaps |
| Pro | $349 per developer/year | ApexCharts.js, ApexGrid, ApexMaps, ApexTree, ApexSankey |
| Premium | $599 per developer/year | ApexCharts.js, ApexGrid, ApexMaps, ApexGantt, ApexTree, ApexSankey, ApexStock + ApexCharts Premium features, ApexGrid-Enterprise, ApexMaps Premium features |
| OEM | $14,999/year per application redistributed, plus one Community + Commercial license per developer | ApexCharts.js, ApexGrid, ApexMaps, ApexGantt, ApexTree, ApexSankey, ApexStock + ApexCharts Premium features, ApexGrid-Enterprise, ApexMaps Premium features |

- [Pricing](https://apexcharts.com/pricing/): Full plan comparison
- [Community License](https://apexcharts.com/license/community/): Community licence terms, including the $2M threshold
- [Commercial License](https://apexcharts.com/license/commercial/): Commercial licence terms
- [OEM License](https://apexcharts.com/license/oem/): OEM and redistribution terms

## Key Pages

- [Features](https://apexcharts.com/features/): Feature matrix across products
- [Unit and Waffle Charts](https://apexcharts.com/unit-shapes/): The unit-chart shape system
- [Embedded Analytics](https://apexcharts.com/embedded-analytics/): Building analytics into a SaaS product
- [Graph Maker](https://apexcharts.com/graph-maker/): No-code chart builder for one-off charts and image export
- [Blog](https://apexcharts.com/blog/): Release notes, engineering articles and research
- [About Us](https://apexcharts.com/about-us/): Company background
- [Support](https://apexcharts.com/support/): Support terms and escalation
- [Accessibility (VPAT)](https://apexcharts.com/accessibility/): WCAG conformance report

## Gantt Framework Guides

- [JavaScript Gantt Chart](https://apexcharts.com/javascript-gantt-chart/): Building a Gantt chart with JavaScript
- [React Gantt Chart](https://apexcharts.com/react-gantt-chart/): Building a Gantt chart with React
- [Angular Gantt Chart](https://apexcharts.com/angular-gantt-chart/): Building a Gantt chart with Angular
- [Vue Gantt Chart](https://apexcharts.com/vue-gantt-chart/): Building a Gantt chart with Vue

## AI Tools

ApexCharts publishes first-party tooling so AI coding assistants generate correct chart code instead of guessing. There is no charge for the skill packages or the MCP server, hosted or local. The charting products they generate code for are licensed separately: see Pricing and Licensing.

- [Build with AI](https://apexcharts.com/ai/): The three ways to use ApexCharts with AI assistants
- [AI Tools Docs](https://apexcharts.com/docs/ai/overview/): Skill versus MCP, and setup for each product
- [apexcharts-skill (npm)](https://www.npmjs.com/package/apexcharts-skill): Context files that teach assistants correct ApexCharts patterns
- [ApexCharts MCP server](https://apexcharts.com/docs/ai/mcp/apexcharts/): Hosted at `https://mcp.apexcharts.com/mcp` (Streamable HTTP, nothing to install), one server covering all seven products. Claude Code: `claude mcp add --transport http apexcharts https://mcp.apexcharts.com/mcp`
- [apexcharts-mcp (npm)](https://www.npmjs.com/package/apexcharts-mcp): The same server to run locally over stdio, `npx -y apexcharts-mcp`

## Optional

- [llms-full.txt](https://apexcharts.com/llms-full.txt): Expanded version of this file with per-product detail
- [Sitemap](https://apexcharts.com/sitemap.xml)
- [robots.txt](https://apexcharts.com/robots.txt)