insightpulse-echarts-viz-system

What problem does it solve?

Standardizes and accelerates ECharts visualizations by aligning charts, themes, and templates with the InsightPulse design system so teams can ship consistent dashboards quickly.

Core Features & Use Cases

• Chart selection & UX: Map business questions to chart types (trends, comparisons, composition) with clear defaults and minimal encodings.
• Theme & design system: Define brand-aligned ECharts themes that support light and dark modes and accessible typography, plus theme JSON objects ready for loading.
• Reusable chart templates: Maintain templates for KPI sparklines, exec trend panels, Top N comparisons, alert heatmaps, funnels, and Sankey views with typed data shapes.
• Superset and plugin alignment: Ensure compatibility with Superset's ECharts presets and provide guidance for wrapping options into plugins or presets.
• Performance & interactivity: Recommend smooth transitions, practical tooltips, zoom/brush for dense data, and avoid overcomplication.

Quick Start

Create and register an InsightPulse theme named 'insightpulse' and implement a reusable Top N bar template, then wire a dual-line executive panel into a React component using echarts-for-react.