data-visualization

Design clinical data visualizations with PPN rules using Recharts and D3.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/trevorc-ai/PPN-Antigravity-1.0 --skill data-visualization-trevorc-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: data-visualization
Source: https://github.com/trevorc-ai/PPN-Antigravity-1.0/tree/main/_ARCHIVE/skills_standby/data-visualization
Command: npx skills add https://github.com/trevorc-ai/PPN-Antigravity-1.0 --skill data-visualization-trevorc-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

ANALYST-owned skill for designing and specifying data visualizations across clinical outcomes, benchmark comparisons, longitudinal trends, population distributions, and safety data. Covers chart type selection, narrative framing, interactive patterns, and PPN-specific domain rules. Use when any chart, graph, dashboard panel, or visual data story is needed.

Core Features & Use Cases

  • Systematic chart-type selection matrix to map the visualization to the data story (composition, distribution, trend, comparison, relationship).
  • PPN-specific rules ensure sample size visibility, uncertainty, benchmarks, score direction, and accessible color scales.
  • Signature chart patterns like Benchmark Ribbon, Population Funnel, Safety Scatter, and Global Cohort Heatmap to standardize reporting.
  • Narrative framing with concise insight headlines and actionable storytelling.
  • Technical guidance for libraries (Recharts, D3) and responsive design, plus a pre-handoff checklist.

Quick Start

Configure a line-chart visualization showing MADRS scores over time with Phase 3 benchmark ribbons and a real-world reference line.

Frequently Asked Questions about data-visualization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design dashboards for clinical outcomes and safety data?

Design clinical dashboards by mapping data stories to chart types and applying domain rules: show sample size, display uncertainty, include benchmark lines, and annotate score direction. Use colorblind-safe palettes within Recharts and D3 responsive containers.

What is the best way to visualize longitudinal trends with benchmark comparisons?

Visualize longitudinal trends using signature patterns like the Benchmark Ribbon to standardize reporting. Apply PPN rules to display uncertainty and include real-world reference lines alongside the primary score trajectory.

How do I ensure color accessibility in clinical data visualizations?

Ensure color accessibility by strictly using colorblind-safe palettes for all chart scales and graphs. This prevents misinterpretation of population distributions and safety scatter plots by users with visual impairments.

Does this data visualization approach work with Recharts and D3?

Yes, the approach provides technical guidance specifically for building responsive visualizations with Recharts and D3. It standardizes patterns like the Global Cohort Heatmap and Population Funnel within these libraries.

What chart type should I use for population distributions in psychedelic-assisted research?

Use the chart-type selection matrix to map composition, distribution, and comparison stories to the correct graph. The Population Funnel pattern standardizes the display of cohort distributions in psychedelic-assisted research.

How do I add narrative framing to clinical dashboards?

Add narrative framing by pairing visualizations with concise insight headlines and actionable storytelling. A pre-handoff checklist ensures all reporting rules and narrative context are complete before dashboard delivery.