Design effective KPI cards for dashboards with proper metrics, comparisons, and visual indicators.
Design a KPI card system for my dashboard: Business Context: - Domain: [industry/function] - Metrics: [list KPIs to display] - Update frequency: [real-time/daily/weekly] - Users: [who views these] KPI Card Requirements: For Each Metric: 1. Metric name: [name] - Value format: [number/currency/percentage] - Decimals: [precision] - Abbreviation: [K/M/B if large] - Target/goal: [value if applicable] Card Content Elements: - Primary value: [the main number] - Comparison: [vs prior period/target/benchmark] - Change indicator: [percentage change] - Trend: [sparkline/arrow/status icon] - Context: [additional context needed] Visual Design: Layout Options: - Card dimensions: [width x height] - Element arrangement: [describe layout] - Responsive behavior Color Coding: - Positive change: [color] - Negative change: [color] - Neutral: [color] - Target met: [indicator] - Target missed: [indicator] Typography: - Primary value: [size, weight] - Label: [size, weight] - Secondary values: [size, weight] Icons and Graphics: - Trend arrows: [style] - Status icons: [style] - Sparkline: [style, height] Interaction: - Hover state: [what changes] - Click action: [if interactive] - Tooltip: [additional info] Platform: [Power BI/Tableau/React/CSS] Provide implementation code and design specifications.
Or press ⌘C to copy