# ApexCharts

> ApexCharts is a JavaScript data visualization suite used by developers and businesses to add interactive charts, grids, and diagrams to web applications and dashboards. ApexCharts.js (core charting) and ApexGrid are available on the free Community plan; ApexTree, ApexSankey, ApexGantt, and ApexStock are included in paid plans (Pro, Premium, OEM).

ApexCharts is built for modern web stacks. It ships first-party wrappers for React, Vue, Angular, Svelte, and Stencil, and is framework-agnostic at its core (works with vanilla JS, jQuery, or any other framework). Originally released in July 2018, it has grown to ~1.5M monthly npm downloads and is used in production by ISVs, SaaS companies, internal dashboards, and embedded analytics platforms.

The Community plan is free for organizations under $2M in annual revenue. Paid plans are priced per developer seat (annually) and add more products and support incidents. OEM/Embedded licensing is available for ISVs redistributing ApexCharts inside their own product.

## Products

- [ApexCharts.js](https://apexcharts.com/): Core JavaScript charting library. 25+ chart types including line, area, bar/column, pie/donut, radar, heatmap, treemap, candlestick, scatter, bubble, polar area, and range bar. Supports annotations, mixed/combo charts, brush/zoom, sparklines, and real-time updates. Available on all plans including Community (free).
- [ApexGrid](https://apexcharts.com/apexgrid/): High-performance JavaScript data grid for displaying and editing tabular data. Supports virtual scrolling for large datasets, inline editing, sorting, filtering, grouping, column pinning, and Excel-like keyboard navigation. Available on all plans including Community (free).
- [ApexTree](https://apexcharts.com/apextree/): Tree diagram component for visualizing hierarchical data — org charts, family trees, file structures, decision trees. Available on Pro, Premium, and OEM plans.
- [ApexSankey](https://apexcharts.com/apexsankey/): Sankey diagram component for visualizing flows between nodes — energy flow, user funnels, budget allocation, supply chains. Available on Pro, Premium, and OEM plans.
- [ApexStock](https://apexcharts.com/apexstock/): Financial charting library for OHLC candlestick, technical indicators, and stock market dashboards. Available on Premium and OEM plans.
- [ApexGantt](https://apexcharts.com/apexgantt/): Gantt chart component for project timelines, task dependencies, resource allocation, and scheduling. Available on 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+
- [Svelte / Stencil / Vanilla JS](https://apexcharts.com/docs/installation/): Framework-agnostic core works with any setup

## Documentation

- [Getting Started](https://apexcharts.com/docs/installation/): Installation via npm/yarn/CDN, first chart setup
- [Chart Options Reference](https://apexcharts.com/docs/options/): Complete API reference for ApexCharts.js
- [Chart Types](https://apexcharts.com/docs/chart-types/line-chart/): Documentation for each supported chart type
- [ApexGrid Docs](https://apexcharts.com/apexgrid/docs/): Data grid API, configuration, and integration guides
- [ApexTree Docs](https://apexcharts.com/apextree/docs/): Tree diagram API and styling
- [ApexSankey Docs](https://apexcharts.com/apexsankey/docs/): Sankey diagram API and configuration
- [ApexStock Docs](https://apexcharts.com/apexstock/docs/): Financial chart API and indicators
- [ApexGantt Docs](https://apexcharts.com/apexgantt/docs/): Gantt chart API and dependencies

## Demos

- [JavaScript Chart Demos](https://apexcharts.com/javascript-chart-demos/): 100+ interactive examples in vanilla JavaScript
- [React Chart Demos](https://apexcharts.com/react-chart-demos/): Live React examples with source code
- [Vue Chart Demos](https://apexcharts.com/vue-chart-demos/): Live Vue examples with source code
- [Angular Chart Demos](https://apexcharts.com/angular-chart-demos/): Live Angular examples with source code

## Pricing & Licensing

ApexCharts has four plans. Community is free (for orgs under $2M revenue); paid plans are annual per developer seat.

| Plan | Price | Products included |
|---|---|---|
| Community | Free / $199/seat/yr | ApexCharts.js, ApexGrid |
| Pro | $349/seat/yr | + ApexTree, ApexSankey |
| Premium | $599/seat/yr | + ApexGantt, ApexStock |
| OEM/Embedded | $14,999/yr flat | Full suite, unlimited seats |

- [Pricing](https://apexcharts.com/pricing/): Full pricing table and plan comparison
- [Community License](https://apexcharts.com/license/community/): Community license terms
- [Commercial License](https://apexcharts.com/license/commercial/): Commercial license terms
- [OEM License](https://apexcharts.com/license/oem/): OEM/redistribution license terms

## Use Cases

- [Embedded Analytics](https://apexcharts.com/embedded-analytics/): Building BI dashboards and analytics features into SaaS products
- [Graph Maker](https://apexcharts.com/graph-maker/): Free no-code chart builder for one-off charts and image exports

## Key Pages

- [Features](https://apexcharts.com/features/): Full feature matrix across products
- [Blog](https://apexcharts.com/blog/): Tutorials, release notes, and engineering articles
- [About Us](https://apexcharts.com/about-us/): Company background and team
- [Support](https://apexcharts.com/support/): Help resources, GitHub issues, and commercial support contact
- [Accessibility (VPAT)](https://apexcharts.com/accessibility/): WCAG conformance report

## AI Tools

Use ApexCharts with AI coding assistants (Claude, Cursor, Copilot, ChatGPT, Gemini) via skill files or an MCP server that generates and validates chart configs.

- [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 vs MCP, and setup for each product
- [apexcharts-skill (npm)](https://www.npmjs.com/package/apexcharts-skill): Context file that teaches assistants correct ApexCharts patterns
- [apexcharts-mcp (npm)](https://www.npmjs.com/package/apexcharts-mcp): One MCP server for ApexCharts, ApexGrid, ApexGantt, ApexTree, ApexSankey, and ApexStock

## Optional

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