dennisadriaansCommunity·13 Agent Skills Included

vue-chrts

Responsive Vue and Nuxt charts with minimal setup

Renders responsive line, bar, area, donut, and map charts inside Vue 3 and Nuxt applications. Eliminates manual SVG drawing and complex chart configuration with simple, ready-made components. Ships as a Vue library and Nuxt module with TypeScript support, theming, and tested rendering for fast dashboard building.

427|25

↗

npx skills add dennisadriaans/vue-chrts --all -g -y

All Skills in This Repository (13)

Pure Emerald Level Indicators

📦 In Repo

dennisadriaans

bubble-chart

Renders a three-variable dataset as a bubble chart with axis labels and legends.

maps

Render TopoJSON and dotted geographic maps for dashboards.

ui-design-nuxt-ui

Prioritize Nuxt UI components when creating or updating interfaces.

line-area-chart

Render time-series LineChart and AreaChart components with configurable props.

dual-chart

Combine bar and line series into a single Vue-chrts chart using axis and category configs.

dagre-graph

Build hierarchical graph diagrams with DagreGraph in Vue dashboards.

gantt-chart

Render project timelines as Gantt charts with configurable accessor functions.

bar-chart

Configure grouped or stacked bar charts with axis customization in Vue 3 applications.

nuxt-module

Integrate nuxt-charts into Nuxt projects for auto-imported chart components.

vue-chrts-overview

Summarize vue-chrts and nuxt-charts libraries for chart components and installation.

common-patterns

Codify reusable patterns for vue-chrts chart development with consistent data formatting and styling.

donut-chart

Generate donut charts from numeric arrays with configurable radius and arc width.

Community

Basic

Frequently Asked Questions

FAQPage Schema

How to install vue-chrts?▼

Run `npx skills add dennisadriaans/vue-chrts --all -g -y` in your terminal to install all skills in this suite globally.

How to add charts to a Vue 3 app?▼

Install the vue-chrts package, import a component like LineChart, and pass your data and category config as props. The chart renders responsively with no extra setup.

Does vue-chrts work with Nuxt?▼

Yes. Add the nuxt-charts module to your nuxt.config.ts modules array and all chart components become available across your Nuxt app.

What chart types does vue-chrts support?▼

It includes line, bar, area, stacked area, donut, bubble, sankey, radar, choropleth, and dotted map charts, all customizable with colors, labels, and formatters.

Is vue-chrts written in TypeScript?▼

Yes. The library is built with Vue 3 and TypeScript on top of Unovis, so you get full type definitions out of the box.