advanced-data-visualization
Chart.js/D3.js expertise for interactive dashboards, complex charts, and political data visualization
소스 정보
- 저장소
- Hack23/riksdagsmonitor
- 최근 소스 활동
- 2026년 4월 16일 09:31
- 감지된 SKILL.md 언어
- 영어
- 스타
- 13
- 포크
- 3
설치 방법
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
소스 파일 검토
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
SKILL.md 표시 중
SKILL.md
소스 지침 · 읽기 전용 미리보기- name
- advanced-data-visualization
- description
- Chart.js/D3.js expertise for interactive dashboards, complex charts, and political data visualization
- license
- CC-BY-4.0
# Advanced Data Visualization Skill
## 🔴 AI FIRST Quality Principle
> **Apply the AI FIRST principle: never accept first-pass quality. Minimum 2 iterations. Read all output, improve every section. No shortcuts.**
## Purpose
Expert knowledge in creating interactive, accessible data visualizations using Chart.js and D3.js for complex political intelligence data.
## Core Principles
1. **Accessibility First** - WCAG 2.1 AA compliant
2. **Responsive Always** - Mobile-first design
3. **Performance Critical** - Optimize for large datasets
4. **Clarity Over Complexity** - Clear data storytelling
5. **Interactive Insight** - Enable user exploration
## Enforces
- Chart.js bar/line/scatter/pie charts
- D3.js network/force/geo diagrams
- Interactive tooltips and legends
- Responsive chart design
- Screen reader compatibility
- Performance optimization (lazy loading, canvas vs SVG)
## Chart Types
- **Election Forecasting**: Confidence intervals, seat predictions
- **Risk Heat Maps**: Multi-dimensional risk scoring
- **Network Diagrams**: Influence and power structures
- **Time Series**: Historical trends (50+ years)
- **Scatter Plots**: Correlation and clustering
- **Sankey Diagrams**: Coalition flows
## When to Use
- Creating interactive dashboards
- Visualizing complex datasets
- Building political intelligence displays
- Network/influence mapping
- Time series analysis
## References
- [Chart.js Documentation](https://www.chartjs.org/)
- [D3.js Gallery](https://observablehq.com/@d3/gallery)
- [WCAG 2.1 Guidelines](https://www.w3.org/WAI/WCAG21/quickref/)
---
**Version**: 1.0 | **Last Updated**: 2026-02-06 | **Category**: UI/UX & Design
GitHub에서 보기