Political Data Visualization

Purpose

Create compelling, accessible data visualizations using pure HTML/CSS (no JavaScript) to display political metrics, voting patterns, parliamentary activity, and democratic accountability indicators for riksdagsmonitor.

Core Principles

1. CSS-Only: No JavaScript frameworks - pure HTML/CSS for reliability and security
2. Accessibility First: WCAG 2.1 AA compliant, screen reader friendly
3. Semantic Markup: Use <table> with ARIA for complex data
4. Progressive Disclosure: Show summary, reveal details on interaction
5. Color-Blind Safe: Multiple visual cues beyond color (patterns, labels, icons)
6. Responsive Design: Adapt visualizations to mobile/tablet/desktop
7. Performance: Minimal CSS, no external libraries, fast rendering

Visualization Types