playbooks

home / skills / dennisadriaans / vue-chrts

dennisadriaans/vue-chrts

This is a Vue 3 chart package inspired by Tremor, built on top of Unovis.

13 skills
GitHub

Sponsored

Turn bookmarks into markdown for your agents
Turn X bookmarks, Chrome tabs, and YouTube URLs into a markdown feed for agents like OpenClaw 🦞 - just install the agent skill!
sponsored
bar-chart

dennisadriaans/vue-chrts

378
This skill helps you build and customize bar chart components for grouped, stacked, and horizontal layouts across datasets.
bubble-chart

dennisadriaans/vue-chrts

378
This skill helps you build BubbleChart components in Vue to visualize three variables using x, y, and size.
gantt-chart

dennisadriaans/vue-chrts

378
This skill helps you visualize project timelines with customizable GanttChart components, enabling clear scheduling, tracking, and categorization of tasks.
nuxt-module

dennisadriaans/vue-chrts

378
This skill enables Nuxt projects to render charts with auto-imported vue-chrts components and types for rapid data visualization.
common-patterns

dennisadriaans/vue-chrts

378
This skill helps you apply common patterns and best practices in vue-chrts for data formatting, legends, and chart styling across types.
donut-chart

dennisadriaans/vue-chrts

378
This skill helps you build and customize DonutChart components in Vue 3 to visualize part-to-whole data with colors and legends.
dual-chart

dennisadriaans/vue-chrts

378
This skill helps you visualize two related metrics simultaneously by combining bar and line charts for clear insights.
line-area-chart

dennisadriaans/vue-chrts

378
This skill helps you build reusable line and area charts in Vue 3, enabling time-series visualization with flexible formatting and legends.
sankey-chart

dennisadriaans/vue-chrts

378
This skill helps you visualize flows and resource distribution with SankeyChart components for clear energy, user journeys, and budget analyses.
dagre-graph

dennisadriaans/vue-chrts

378
This skill helps you create clear hierarchical diagrams with DagreGraph, enabling efficient org charts, dependency trees, and flowcharts.
maps

dennisadriaans/vue-chrts

378
This skill helps you create interactive map visualizations with topojson and dotted maps, enabling choropleth coloring, pins, and regional insights.
vue-charts-overview

dennisadriaans/vue-chrts

378
This skill provides overview of vue-chrts and nuxt-charts, including installation, components, and usage guidance for Vue 3 charts.
ui-design

dennisadriaans/vue-chrts

378
This skill enforces using Nuxt UI components by default and guides semantic color usage across properties, components, and theming for consistent UI.