apexcharts/apexcharts.js

ApexCharts is a JavaScript charting library for adding interactive data visualisations to web pages and dashboards. Charts are drawn as SVG, which means they scale cleanly at any size and stay sharp on high-resolution screens. The README describes it as a modern library with a simple API and over 100 ready-to-use samples on the project's website, covering more than a dozen chart types. You install it from npm with one command, or include it directly from a CDN with a script tag. Creating a chart is a matter of building a configuration object that lists the chart type, the data series, and the axis categories, then constructing an ApexCharts instance against a DOM element and calling render. The README shows a basic bar chart example along those lines. There are official wrappers for Vue, React, Angular, and Stencil, plus community wrappers for Blazor, Svelte, Laravel, Ruby, and R. The library supports server-side rendering through an apexcharts/ssr entry point, which returns hydration-ready HTML with embedded SVG. A separate apexcharts/client entry point hydrates the rendered charts so they become interactive in the browser. The README mentions Next.js, Nuxt, SvelteKit, and Astro as meta-frameworks that this works with. For smaller bundles, the library supports tree-shaking. Instead of importing the whole package you can import apexcharts/core and then add only the specific chart types you use, such as line or bar, along with optional features like the legend, the zoom and pan toolbar, exports, annotations, or keyboard navigation. The README also includes a Vite-specific note: because Vite's dependency pre-bundler can produce duplicate copies of ApexCharts, all the sub-entry imports should be listed in optimizeDeps.include. Other features the README describes include zoom, pan and scroll interactivity, dynamic series updates where one chart drives another, text annotations on values or axes, mixed charts that combine line, area, and column types with separate y-axes, and candlestick charts for financial data.