Can I persist dashboard layouts to a database?

Absolutely. The skill provides patterns for saving configuration objects to a backend API or local storage via the onSave and onConfigChange handlers.

What types of visualizations are supported?

The dashboard supports various chart types including bar charts, line charts, KPI numbers, and data tables, all defined via JSON configuration.

Does the dashboard support drag-and-drop editing?

Yes, by setting the 'editable' prop to true, users can resize and reposition portlets within the responsive 12-column grid.

What components are required for a Drizzle Cube dashboard?

You need the CubeProvider for the API context and the AnalyticsDashboard component to host your portlets and grid layout.

Is the dashboard mobile-friendly?

Yes, it uses a responsive grid system that automatically adjusts column counts across five breakpoints ranging from large monitors to mobile phones.

Drizzle Cube Dashboard

Name: Drizzle Cube Dashboard
Author: cliftonc

bycliftonc

分析与监控

Builds interactive, responsive analytics dashboards using Drizzle Cube React components and customizable grid layouts.

关于

The Drizzle Cube Dashboard skill empowers developers to rapidly construct sophisticated analytics interfaces by leveraging the drizzle-cube/client library. It provides comprehensive guidance on implementing the CubeProvider for data connectivity, configuring the AnalyticsDashboard for responsive grid positioning, and defining various portlets such as charts, KPIs, and data tables. Whether you need to build a read-only reporting tool or an interactive, editable dashboard with drag-and-drop capabilities and persistent configuration, this skill offers the implementation patterns and best practices required to integrate professional-grade business intelligence directly into React applications.

主要功能

Pre-configured portlets for charts, KPIs, and data tables
Switchable editable and read-only modes for different user roles
Configurable color palettes and visual display settings
0 GitHub stars
Responsive 12-column grid layout with drag-and-drop support
Seamless integration with CubeProvider for API and token management

使用场景

Building executive-level KPI dashboards with real-time data
Creating internal administrative panels for tracking business metrics
Developing interactive reporting tools with customizable user layouts

关于

主要功能

Pre-configured portlets for charts, KPIs, and data tables
Switchable editable and read-only modes for different user roles
Configurable color palettes and visual display settings
0 GitHub stars
Responsive 12-column grid layout with drag-and-drop support
Seamless integration with CubeProvider for API and token management

使用场景

Building executive-level KPI dashboards with real-time data
Creating internal administrative panels for tracking business metrics
Developing interactive reporting tools with customizable user layouts