ApexCharts

What ApexCharts is

ApexCharts is a JavaScript charting library for interactive visualizations in applications and dashboards. It offers line, area, bar, candlestick, heatmap, treemap, pie, and radar charts, among other types. Data can be supplied as JavaScript arrays and objects. Viewers can zoom, pan, scroll, toggle series visibility, and use hover tooltips. Charts adapt to desktop, tablet, and mobile screens, with configurable layouts for different screen sizes.

The library works directly with vanilla JavaScript and provides official wrappers and integration guides for React, Vue, Angular, and Blazor. Its apexcharts/ssr package can render static SVG on a server and restore browser interactivity through hydration. Charts support gradients, images, patterns, drop shadows, and more than ten built-in color palettes. Keyboard navigation, ARIA attributes, and screen reader support are enabled by default, and dashboards can be embedded.

ApexCharts has a free Community plan for organizations under $2 million USD in annual revenue. Organizations at or above that threshold need a Commercial License. Paid plans start at $199 per developer per year for Community + Commercial, and higher plans add support incidents or Premium features; OEM is priced per app per year. The project says it was released in July 2018 and identifies Juned Chhipa as its founder and active maintainer.

Who it suits

ApexCharts suits developers building interactive charts for web applications and dashboards, including those working with vanilla JavaScript, React, Vue, Angular, or Blazor. Its commercial licensing threshold and plan features are relevant to organizations choosing a license.

Limits

The free Community plan is for organizations under $2 million USD in annual revenue; organizations at or above that threshold need a Commercial License. Storyboard, Linked Views and Crossfilter, annotation authoring, Measure Ruler, Context Menu, Shareable Views, and Undo/Redo are limited to Premium and OEM plans.

Getting started

1. Visit the ApexCharts website.
2. Choose a plan based on your organization's annual revenue and required features.
3. Use ApexCharts directly with vanilla JavaScript or follow an official framework wrapper or integration guide.
4. Supply chart data as JavaScript arrays or objects.
5. Configure chart types, interactions, and responsive layouts for your application or dashboard.

Verdict

Choose ApexCharts if you need interactive charts for an application or dashboard and its JavaScript integrations suit your stack. Organizations at or above $2 million USD in annual revenue need a Commercial License, and Premium-only features or support allowances may require a higher paid plan.