skills.rest
jgtolentino
jgtolentinoCOMMUNITY
Explore all skills by this author →
GitHub

insightpulse-echarts-viz-system

Standardize reusable ECharts themes and option templates for React and Superset dashboards.

Updated Oct 23, 2025
Search Tags:#react#dashboard#visualization#theme#design-system#echarts#superset
One-click install
npx skills add https://github.com/jgtolentino/opex --skill insightpulse-echarts-viz-system-jgtolentino
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: insightpulse-echarts-viz-system
Source: https://github.com/jgtolentino/opex/tree/main/.claude/skills/insightpulse-echarts-viz-system
Command: npx skills add https://github.com/jgtolentino/opex --skill insightpulse-echarts-viz-system-jgtolentino

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design, standardize, and implement reusable ECharts visualizations, themes, and templates to accelerate InsightPulse dashboard development across React (OpEx UI), Superset, and embedded UIs.

Core Features & Use Cases

  • Define brand-aligned ECharts themes that work in light/dark modes.
  • Provide reusable option templates (kpi, trend, top-N, funnel) for quick dashboard assembly.
  • Align with Superset presets and React integrations, with guidance on loading themes and options.

Quick Start

Install and initialize the InsightPulse ECharts viz system in your project to start building reusable charts.

Frequently Asked Questions about insightpulse-echarts-viz-system

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

FAQPage Schema
How do I standardize ECharts themes across React and Superset dashboards?▼

Standardized ECharts themes provide reusable definitions that ensure brand alignment and consistent light/dark mode rendering across React, Superset, and embedded visualization environments.

What are reusable ECharts option templates for quick dashboard assembly?▼

Reusable ECharts option templates are pre-configured chart structures for KPI, trend, top-N, and funnel visualizations that accelerate dashboard assembly by providing standardized rendering outputs.

Can I use ECharts visualization templates with Superset presets?▼

Yes, ECharts visualization templates align with Superset presets, providing integration guidance for loading custom themes and reusable options directly within Superset dashboard environments.

How do I integrate custom ECharts themes into a React OpEx UI dashboard?▼

Integrating ECharts themes into a React OpEx UI dashboard involves loading standardized theme files and applying reusable option templates to ensure consistent chart rendering and design system alignment.

When do I need standardized ECharts visualization templates for embedded dashboards?▼

You need standardized ECharts visualization templates for embedded dashboards when you require consistent brand-aligned charts, light/dark mode support, and unified KPI or trend rendering across multiple host applications.

Related Skills

Explore More Data & Analytics Skills→
JubaKitiashviliJubaKitiashvili
41

erne-init

Initialize ERNE agents and dashboard in a React Native/Expo project.

Community
Advanced
nesihaver-ILnesihaver-IL

analytics-metrics

Build interactive analytics dashboards and charts in React with Recharts.

Community
Intermediate
Datus-aiDatus-ai
1.5k

superset-dashboard

Automate creation, update, and management of Apache Superset dashboards, charts, and datasets.

Official
Advanced
claude-office-skillsclaude-office-skills
368

chart-designer

Generate ECharts and Chart.js configurations for recommended chart types.

Official
Intermediate