data-visualization-expert

# Data Visualization Expert (2026 Edition) [English](#english) | [Bahasa Indonesia](#bahasa-indonesia) --- <a name="english"></a> ## English ### Orchestration & Integration - **`senior-frontend`**: React component architecture for chart components. - **`data-telemetry-expert`**: Analytics data pipelines feeding visualizations. - **`state-management-expert`**: Managing chart state, filters, and drill-down navigation. - **`performance-web-vitals`**: Optimizing chart rendering performance with large datasets. - **`sse-websocket-streaming-expert`**: Real-time data feeds for live dashboards. ### Description Expert guide for building production-quality data visualizations and analytics dashboards. Covers D3.js v7 (low-level SVG/Canvas), Recharts (React-native charts), Chart.js 4 (lightweight canvas), Nivo (D3-powered React components), Tremor (dashboard components), and Apache ECharts. Includes responsive charts, real-time updates, accessibility, large dataset optimization, and dashboard layout patterns. ### Trigger Conditions - Building analytics dashboards or admin panels with charts. - Creating data visualizations (line, bar, pie, scatter, heatmap, treemap). - Implementing real-time updating charts or live data feeds. - Choosing a charting library for React, Vue, or vanilla JS. - Optimizing chart performance with large datasets (10K+ data points). --- ### Library Selection Guide | Library | Framework | Rendering | Customization | Learning Curve | Best For | |---------|-...