Data visualization for developers
Interactive and beautiful out of the box, from your first line chart to a full data application.
Works with
npm i apexcharts
Build with AI
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.
Connect once and your agent generates configs, then validates them against the real chart API before you paste. Run it locally, or use the hosted server at mcp.apexcharts.com with nothing to install.
claude mcp add apexcharts -- npx -y apexcharts-mcp
One context file that teaches your assistant the right patterns. Works with Claude Code, Cursor, and Copilot.
npm i apexcharts-skill
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).$3.7M: June revenue, the best month of the year in a sales dashboard.
Twelve months of revenue in one series, and June is the peak.
The chart is one panel of a dashboard: a map, two charts and a grid, filtering each other.
The dashboard uses three of the seven products. The other four draw the panels around it, each one from a working example you can open.
Loved in public
Unsolicited comments from public developer threads. Every card links straight to its original source.
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
First of all, thank you for an awesome chart library. I absolutely love ApexCharts!apexcharts.js · #420❤️ 24
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 greatapexcharts.js · #24👍 21Jonny LarssonStack Overflow
I always recommend Blazor ApexCharts…on: MudBlazor chart styling▲ 11CC BY-SAAksenovANStack 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 livesvue-apexcharts · #20👍 8u/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⬆ 6summaryRead 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.
No drawing code. Every part of this chart is one setting. Scroll, and it comes apart into them.
One colour per series, and every column wears it.
Each column’s height is one number in one array. Change the array, and the columns animate to the new heights.
Categories label the x axis. Datetime and numeric axes are one option away.
Scales, gridlines, the tooltip and hover states come built in.
npm i apexcharts
const options = {
colors: ['#008FFB'],
series: [{
name: 'Signups',
data: [124, 182, 161, 231,
294, 271, 318, 343,
352, 386, 371, 428],
}],
xaxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr',
'May', 'Jun', 'Jul', 'Aug',
'Sep', 'Oct', 'Nov', 'Dec'],
},
dataLabels: { enabled: false },
chart: { type: 'bar' },
}
new ApexCharts(el, options).render()Chart types
Line, area, candlestick, heatmap, treemap, and 15+ more, plus Gantt, Sankey, Tree, and Grid. If you can picture it, you can build it.
Chart types in ApexCharts
More visualizations, dedicated libraries
Everything you need to build modern data-rich applications.
npm i apexcharts
Community and commercial licenses. See pricing
Production-proven
Trusted in production for 8+ years.
One API. Every framework
React, Vue, Angular, or vanilla JavaScript.
Built for every data experience.
Charts, grids, flows, and gantts.
Fast at scale
A 100k-point line renders in 29 ms. See the benchmark