daisyui-charts

Select a chart variant from the category files, then combine its chart options, wrapper classes, and HTML with the framework template provided. The wrapper classes use daisyUI theme tokens like base-200 and base-content so the chart matches your theme.

The catalog covers six categories: column, line, area, bar, radial, and pie charts. Each category contains multiple variants such as stacked columns, multi-series line comparisons, donut charts, and compact sparkline widgets.

Yes, the Skill provides syntax templates for React, Vue, Svelte, and vanilla JavaScript. Each template handles ApexCharts instantiation and cleanup using the framework's lifecycle, such as useEffect in React or onMounted in Vue.

Yes, all charts use CSS variables like var(--color-base-content) and color-mix transparency instead of hardcoded colors. This makes lines, fills, grids, and tooltips adapt automatically when the daisyUI theme switches.

Read the full category SKILL.md file and compare each variant's visual description against your requirements, such as number of series, layout type, and interactive features. The workflow requires comparing all candidates before selecting one.