ApexCharts.js - JavaScript Charts for your website

15k+GitHub stars
8M+npm downloads / month
238k+dependent repositories
8+years of development

Build with AI

Skip the boilerplate. Describe the chart.

The charting family that's easiest to build with AI. Tell Claude, Cursor, or ChatGPT what you want, and the MCP server validates every config against the real chart API before you paste it, so charts render right the first time, across the whole ApexCharts family.

MCP server

Connect once and your agent generates configs, then validates them against the real chart API before you paste, so charts render on the first try.

claude mcp add apexcharts -- npx -y apexcharts-mcp

Skill files

One context file that teaches your assistant the right patterns. Works with Claude Code, Cursor, and Copilot.

npm i apexcharts-skill

Browser chat

No install. Paste one prompt into any chatbot and start building right away.

Use the ApexCharts family. Follow the matching skill at github.com/apexcharts (apexcharts-skill and siblings).

See how it works

The Apex family

One family, one API

Data grids, Gantt charts, trees, flow diagrams, and financial charts, all sharing one API and one design language. Adopt it once and you're covered for whatever you need to visualize next.

Customer Company MRR Plan

Marcus VegaAcme Inc$8,420Enterprise

Sara PatelLinear$7,280Pro

Priya NairVercel$5,940Enterprise

Yuki TanakaNotion$4,820Pro

Eli MorganFigma$3,840Team

5 of 5 rows · sorted by name

Data tables

ApexGrid

Sorting, filtering, inline editing and virtual scrolling, built to handle large datasets.

Explore ApexGrid

Geospatial maps

ApexMaps

Choropleth and point maps with projections, drilldown, clustering and arc routes.

Explore ApexMaps

ApexGantt

Drag-and-drop project timelines

ApexTree

Org charts that fold and zoom

ApexSankey

Flows you can trace end to end

ApexStock

Candlesticks, indicators and drawing tools

Loved in public

Don't just take our word for it

Unsolicited comments from public developer threads. Every card links straight to its original source.

@goalstogrowthGitHub

I'll start by saying this is the best charting library I've seen. It's intuitive and it just works they way you would expect and want.

vue-apexcharts · #60

npm downloads / month8M+apexcharts.js

GitHub stars15k+apexcharts.js

@jhuckabyGitHub

First of all, thank you for an awesome chart library. I absolutely love ApexCharts!

apexcharts.js · #420❤️ 24

repositories238k+depend on apexcharts.js

@PhyTensorGitHub

I'm loving your library, really saved me in our project. The fact that I don't have to handle the javascript side and the freedom of customization is awesome. We have tried several libraries and this is the first that didnt feel as if I had to fight it to fit our project.

Blazor-ApexCharts · #117 @rudyspiesGitHub

I have used Highcharts before, I need to state that I'm EXTREMELY impressed with the work the coders of this project have done!!!

apexcharts.js · #3946 @sweco-bepedmGitHub

I just came across this library, this is fantastic, thanks for the work! I've succeeded in creating really complex graphs with so few lines of code that now I want to convert all my graphs!

Blazor-ApexCharts · #191 @CreativeWarlockGitHub

huge respect for your amazing library! So in love with the simplicity & feature richness!

apexcharts.js · #2409 @taheri24GitHub

apex-charts is really great

apexcharts.js · #24👍 21 Jonny LarssonStack Overflow

I always recommend Blazor ApexCharts…

on: MudBlazor chart styling▲ 11CC BY-SA AksenovANStack Overflow

I prefer to use apexcharts package for timeline chart creating. This package has more flexible interface to control the charts…

on: timeline chartsCC BY-SA @alexpopa-workGitHub

Saved me a lot of trouble! The answer is two years old but it still saves lives

vue-apexcharts · #20👍 8 u/route-distr/vuejs

A Vue dev's verdict after weighing the field: the feature set was rich enough, it was easy to use, and after dropping it into their project, "it just worked."

r/vuejs · Best charting library for Vue 3⬆ 6summary Read the wall of love →more developer comments

Every quote is real, posted publicly by its author, and links to the original source.
If one is yours and you'd like it removed, email support@apexcharts.com.

Frameworks

Drop into your stack

First-class wrappers for React, Vue and Angular, or plain JavaScript. Same options, same charts, everywhere.

TypeScript-ready

npm i apexcharts

import ApexCharts from 'apexcharts'

const options = {
  chart: { type: 'line' },
  series: [{ name: 'Sales', data: [30, 40, 35, 50, 49, 60] }],
  xaxis: { categories: [1, 2, 3, 4, 5, 6] },
}

const chart = new ApexCharts(document.querySelector('#chart'), options)
chart.render()