dc-chart-config

Generate ChartAxisConfig and ChartDisplayConfig definitions for Drizzle Cube visualizations.

Updated Jan 12, 2026
One-click install
npx skills add https://github.com/cliftonc/drizzle-cube-plugin --skill dc-chart-config
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dc-chart-config
Source: https://github.com/cliftonc/drizzle-cube-plugin/tree/main/skills/dc-chart-config
Command: npx skills add https://github.com/cliftonc/drizzle-cube-plugin --skill dc-chart-config

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps developers configure charts using ChartAxisConfig and ChartDisplayConfig for optimal visualizations. It reduces manual, error-prone configuration and accelerates dashboard setup.

Core Features & Use Cases

  • ChartAxisConfig: Maps data fields to chart axes (xAxis, yAxis, series), supports date and value fields, and enables dual-axis layouts.
  • ChartDisplayConfig: Controls visual aspects like legends, grids, colors, and formatting, including KPI and table options.
  • Use Case: Quickly scaffold chart configurations for product dashboards that compare categories over time and support multiple chart types (bar, line, pie, bubble, etc.).

Quick Start

Use the dc-chart-config skill to generate a chart configuration for Orders by category.

Frequently Asked Questions about dc-chart-config

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure chart axes for Drizzle Cube dashboards?

To configure chart axes for Drizzle Cube, you map data fields to xAxis, yAxis, and series using ChartAxisConfig definitions, which support date fields, value fields, and dual-axis layouts for product dashboard visualizations.

What is ChartDisplayConfig used for in data visualization?

ChartDisplayConfig controls visual aspects of data visualization like legends, grids, colors, and formatting, including KPI and table options, to manage the display patterns across various chart types.

Can I use dual-axis formatting with bar and line charts in Drizzle Cube?

Yes, dual-axis formatting works with bar, line, pie, and bubble charts in Drizzle Cube. ChartAxisConfig enables dual-axis layouts, while ChartDisplayConfig manages the corresponding visual formatting presets.

How do I generate a chart configuration for orders by category?

You generate a chart configuration for orders by category by applying ChartAxisConfig to map category fields to axes and ChartDisplayConfig to apply visual presets, reducing manual setup for product dashboards.

What chart types are supported by Drizzle Cube chart configurations?

Drizzle Cube chart configurations support common chart types including Bar, Line, Pie, and bubble charts, allowing you to scaffold visualizations that compare categories over time with appropriate axis mappings.

Do I need TypeScript to define chart axis and display configurations?

The solution satisfies TypeScript-like interface definitions for ChartAxisConfig and ChartDisplayConfig, meaning you structure your chart axis mappings and visual formatting according to these typed interface definitions.