political-data-visualization

Installation
SKILL.md

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

Progress Bars (Voting Discipline, Party Cohesion)

Related skills
Installs
11
GitHub Stars
7
First Seen
Mar 4, 2026