# ApexCharts: Full Reference > ApexCharts is a commercial JavaScript data visualization suite of seven products: ApexCharts.js (charts), ApexGrid (data grid), ApexMaps (maps), ApexGantt (project timelines), ApexTree (hierarchies), ApexSankey (flows) and ApexStock (financial charts). Source for some libraries is published on GitHub, but no product is open source and none is unconditionally free: all use is licensed, and the Community plan is free only for organizations under $2M in annual revenue. _Generated from the ApexCharts website repository. Metrics measured 2026-09-04._ ## What ApexCharts Is A JavaScript data visualization suite for adding interactive charts and data-rich UI components to web applications. Most commonly used for: - Customer-facing dashboards in SaaS products - Internal analytics and BI tools - Embedded analytics inside third-party platforms - Financial and trading interfaces (OHLC, candlestick, indicators) - Project management UIs (Gantt timelines, task dependencies) - Geographic and spatial views (choropleths, territory maps) - Data exploration tools (heatmaps, treemaps, Sankey flows) First released in July 2018 by Juned Chhipa. The core library now sees 8.5M+ monthly npm downloads (8,560,693 downloads of `apexcharts` in the month to 2026-08-29, plus 4,292,100 of `react-apexcharts`), and the suite operates as a commercial product family. ## Who It Is For - **Frontend developers** building dashboards in React, Vue, Angular, Svelte, Blazor or vanilla JS - **SaaS and ISV teams** embedding analytics or charts in their product - **Enterprise platforms** building internal BI or operations dashboards - **OEM partners** redistributing visualization components inside their own products ## Plans and Licensing Four plans. Paid plans are billed annually per developer seat, except OEM which is a flat annual fee for unlimited seats. ### Community - Price: $199 per developer/year, free for organizations under $2M annual revenue - License: Community + Commercial - Support: Community support via GitHub Issues - Products: ApexCharts.js, ApexGrid, ApexMaps - Does not include: ApexGantt, ApexTree, ApexSankey, ApexStock, ApexCharts Premium features, ApexGrid-Enterprise, ApexMaps Premium features ### Pro - Price: $349 per developer/year - License: Commercial - Support: 5 support incidents/year - Products: ApexCharts.js, ApexGrid, ApexMaps, ApexTree, ApexSankey - Does not include: ApexGantt, ApexStock, ApexCharts Premium features, ApexGrid-Enterprise, ApexMaps Premium features ### Premium - Price: $599 per developer/year - License: Commercial - Support: 10 support incidents/year - Products: ApexCharts.js, ApexGrid, ApexMaps, ApexGantt, ApexTree, ApexSankey, ApexStock - Gated feature sets included: ApexCharts Premium features, ApexGrid-Enterprise, ApexMaps Premium features ### OEM - Price: $14,999/year flat, unlimited developer seats - License: OEM - Support: 20 support incidents/year - Products: ApexCharts.js, ApexGrid, ApexMaps, ApexGantt, ApexTree, ApexSankey, ApexStock - Gated feature sets included: ApexCharts Premium features, ApexGrid-Enterprise, ApexMaps Premium features For pricing detail and quotes see https://apexcharts.com/pricing/ or contact sales@apexcharts.com. ## Products in Detail ### ApexCharts.js - URL: https://apexcharts.com/ - npm: `apexcharts` - Availability: 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, Ink authoring, Measure Ruler, Context Menu, Perspectives and Rewind. - Description: The flagship charting library and the base the rest of the suite builds on. Supports annotations (text, line, point, image), mixed and combo charts, brush and zoom, sparklines, real-time streaming updates, server-side rendering, RTL, theming, and image, SVG and CSV export. - Use cases: Customer-facing SaaS dashboards, internal analytics and BI tools, reporting UIs - Chart types (28 in apexcharts 7.4.0): line, area, bar, pie, donut, radialBar, scatter, bubble, heatmap, candlestick, boxPlot, violin, histogram, radar, polarArea, rangeBar, rangeArea, waterfall, dumbbell, streamgraph, raincloud, treemap, unit, waffle, sunburst, funnel, pyramid, gauge - Docs: https://apexcharts.com/docs/installation/ - Demos: https://apexcharts.com/javascript-chart-demos/ (222 examples) - Frameworks: JavaScript, Angular, React, Vue, Blazor ### ApexGrid - URL: https://apexcharts.com/apexgrid/ - npm: `apex-grid` - Availability: 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. - Description: A framework-agnostic data grid built as a web component. Virtual scrolling for large datasets, 13 column types, multi-column sorting, filtering, inline editing with validation, column pinning, resizing and reordering, keyboard navigation, custom cell renderers and CSV export. - Use cases: Admin panels, data-heavy SaaS screens, reporting tables, spreadsheet-style editing - Docs: https://apexcharts.com/apexgrid/docs/installation-usage/ - Demos: https://apexcharts.com/apexgrid/demos/ (51 examples) - Frameworks: JavaScript, Angular, React, Vue ### ApexMaps - URL: https://apexcharts.com/apexmaps/ - npm: `apexmaps` - Availability: 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, custom projections, drilldown, annotations, arc and route series, linked maps, pattern and image fills, and story mode. - Description: Map visualization for geographic and spatial data. Choropleth shading, proportional bubbles, point markers, region drilldown, zoom and pan with a camera model, and configurable projections. - Use cases: Sales and coverage by region, logistics and territory views, population and census data, store locators - Docs: https://apexcharts.com/apexmaps/docs/installation-usage/ - Demos: https://apexcharts.com/apexmaps/demos/ (24 examples) - Frameworks: JavaScript, Angular, React, Vue ### ApexGantt - URL: https://apexcharts.com/apexgantt/ - npm: `apexgantt` - Availability: Included on the Premium and OEM plans. - Description: Project scheduling and timeline visualization. Task dependencies, milestone markers, drag-to-reschedule, hierarchical task groups, resource lanes and a timeline scale from hours to years. - Use cases: Project management tools, sprint and capacity planning, construction and field scheduling - Docs: https://apexcharts.com/apexgantt/docs/installation-usage/ - Demos: https://apexcharts.com/apexgantt/demos/ (35 examples) - Frameworks: JavaScript, Angular, React, Vue, Blazor ### ApexTree - URL: https://apexcharts.com/apextree/ - npm: `apextree` - Availability: Included on the Pro, Premium and OEM plans. - Description: Hierarchical diagram rendering. Interactive collapse and expand, custom node templates, multiple layout orientations, and zoom and pan. - Use cases: Org charts, reporting lines, family trees, file and folder structures, decision trees, taxonomies - Docs: https://apexcharts.com/apextree/docs/installation-usage/ - Demos: https://apexcharts.com/apextree/demos/ (37 examples) - Frameworks: JavaScript, Angular, React, Vue, Blazor ### ApexSankey - URL: https://apexcharts.com/apexsankey/ - npm: `apexsankey` - Availability: Included on the Pro, Premium and OEM plans. - Description: Flow diagrams with proportional link widths. Interactive node highlighting, configurable node and link styling, tooltips, and several accepted data input shapes. - Use cases: Energy and material flow, user conversion funnels, budget allocation, supply chains, traffic attribution - Docs: https://apexcharts.com/apexsankey/docs/installation-usage/ - Demos: https://apexcharts.com/apexsankey/demos/ (22 examples) - Frameworks: JavaScript, Angular, React, Vue, Blazor ### ApexStock - URL: https://apexcharts.com/apexstock/ - npm: `apexstock` - Availability: Included on the Premium and OEM plans. - Description: Financial charting built on ApexCharts.js. OHLC candlesticks, volume panes, technical indicators, multi-pane synced charts, range selectors, crosshairs and a financial date axis. - Use cases: Trading platforms, crypto dashboards, technical analysis tools, financial reporting - Docs: https://apexcharts.com/apexstock/docs/installation-usage/ - Demos: https://apexcharts.com/apexstock/demos/ (14 examples) - Frameworks: JavaScript ## Framework Integrations | Framework | Package | Min Version | Docs | |---|---|---|---| | React | react-apexcharts | React 16+ | https://apexcharts.com/docs/react-charts/ | | Vue 3 | vue3-apexcharts | Vue 3.x | https://apexcharts.com/docs/vue-charts/ | | Vue 2 | vue-apexcharts | Vue 2.x | https://apexcharts.com/docs/vue-charts/ | | Angular | ng-apexcharts | Angular 9+ | https://apexcharts.com/docs/angular-charts/ | | Blazor | Blazor-ApexCharts | .NET 6+ | https://apexcharts.com/docs/installation/ | | Svelte | apexcharts (direct) | Any | https://apexcharts.com/docs/installation/ | | Stencil | apexcharts (direct) | Any | https://apexcharts.com/docs/installation/ | | Vanilla JS | apexcharts | Any | https://apexcharts.com/docs/installation/ | The sibling products ship their own framework packages; see each product's docs for the wrapper it provides. ## Common Tasks - **Install the core library**: `npm install apexcharts`, or `npm install apexcharts react-apexcharts` for React - **Render a first chart**: https://apexcharts.com/docs/installation/ - **Update data without a re-render**: `chart.updateSeries()`, or the wrapper's reactive props - **Export as PNG or SVG**: the built-in toolbar, or `chart.dataURI()` - **Print a chart**: `chart.print()` - **Theme a chart**: the `theme` and `colors` options, with light and dark presets - **Reduce bundle size**: import only the features you use; see the tree-shaking guide - **Embed in a product you redistribute**: requires the OEM plan, contact sales@apexcharts.com ## AI Tools for Coding Assistants ApexCharts publishes first-party tooling so AI coding assistants generate correct, idiomatic code instead of guessing. Three ways to use it: - **Skill files**: context files (SKILL.md plus per-topic references) that teach assistants the correct series formats, lifecycle management and formatter signatures. Work with Claude Code, Cursor, Windsurf, GitHub Copilot, ChatGPT and Gemini. On npm as `apexcharts-skill`, `apexgrid-skill`, `apexgantt-skill`, `apextree-skill`, `apexsankey-skill`, `apexstock-skill` and `apexmaps-skill`; source at https://github.com/apexcharts/apexcharts-skill - **MCP server**: `apexcharts-mcp` (`npx -y apexcharts-mcp`) exposes tools to generate configs, validate them against documented rules, and serve each product's knowledge base on demand. One server covers all seven products. - **Browser prompt**: for chat UIs without MCP, a paste-in prompt points the assistant at the skill repository as the source of truth. Overview and setup: https://apexcharts.com/ai/ and https://apexcharts.com/docs/ai/overview/. The skill packages and the MCP server are MIT licensed and free to use. That applies to the tooling only: the charting products themselves are licensed commercially. ## Support Channels - **Community support**: GitHub Issues at https://github.com/apexcharts/apexcharts.js/issues - **Documentation**: https://apexcharts.com/docs/installation/ - **Commercial support**: included with paid plans, by incident count per plan - **Sales and licensing**: sales@apexcharts.com - **Escalation**: support@apexcharts.com - **Support terms**: https://apexcharts.com/support/ ## Accessibility ApexCharts publishes a VPAT at https://apexcharts.com/accessibility/ documenting WCAG 2.2 Level A and AA conformance for the core charting library, for government, education and enterprise procurement. ## Related Resources - [Pricing](https://apexcharts.com/pricing/) - [Features](https://apexcharts.com/features/) - [Blog](https://apexcharts.com/blog/) - [Embedded analytics](https://apexcharts.com/embedded-analytics/) - [Graph Maker](https://apexcharts.com/graph-maker/) - [GitHub organization](https://github.com/apexcharts) - [Sitemap](https://apexcharts.com/sitemap.xml)