sundial-org/cs448b-visualization
skills/visualization-skill/SKILL.md
Data visualization design based on Stanford CS448B. Use for: (1) choosing chart types, (2) selecting visual encodings, (3) critiquing visualizations, (4) building D3.js visualizations, (5) designing interactions/animations, (6) choosing colors, (7) visualizing networks, (8) visualizing text. Covers Bertin, Mackinlay, Cleveland & McGill.
$ install --global
skillsauthnpx skillsauth add sundial-org/skills cs448b-visualizationInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 15, 2026, 5:12 AM31.8s7 files scanned
SKILL.md
- name:
- cs448b-visualization
- description:
- Data visualization design based on Stanford CS448B. Use for: (1) choosing chart types, (2) selecting visual encodings, (3) critiquing visualizations, (4) building D3.js visualizations, (5) designing interactions/animations, (6) choosing colors, (7) visualizing networks, (8) visualizing text. Covers Bertin, Mackinlay, Cleveland & McGill.
CS448B Visualization
When to Use Each Reference
| Reference | Use When | |-----------|----------| | encoding-perception.md | Choosing how to map data to visual properties, or evaluating if encodings are effective | | chart-design.md | Deciding which chart type fits the data, or configuring axes/scales | | d3-patterns.md | Writing D3.js code for bindings, scales, axes, transitions | | interaction-animation.md | Adding brushing, filtering, tooltips, or animated transitions | | color.md | Selecting color palettes or ensuring accessibility | | networks-text.md | Visualizing graphs, hierarchies, or text/document data |
Critique Checklist
When reviewing any visualization:
- Expressiveness - Does it show all the data? Only the data? No misleading elements?
- Effectiveness - Is the most important data on the most accurate encoding (position > length > area > color)?
- Zero baseline - Do bar charts start at zero?
- Accessibility - Works for colorblind viewers (~8% of males)?
- Data-ink ratio - Can any non-data elements be removed?
- Aspect ratio - Are line charts banked so slopes are ~45°?
Encoding Decision Order
When mapping data fields to visual channels:
- Most important quantitative → Position (x or y)
- Second quantitative → Position (other axis) or Length
- Categories (≤7) → Color hue
- Categories (>7) → Position or small multiples
- Magnitude/importance → Size (but expect ~30% underestimation)
Chart Selection Logic
- One variable, distribution → Histogram
- One variable, categories → Bar chart
- Two variables, both quantitative → Scatterplot
- Two variables, time + quantitative → Line chart
- Two variables, both categorical → Heatmap
- Hierarchy → Treemap or node-link tree
- Network (sparse) → Force-directed layout
- Network (dense) → Matrix diagram
Animation Decision
- Presentation context → Use animation (faster, engaging)
- Analysis context → Use small multiples (more accurate)
- State transitions → Animate to maintain object constancy
- Duration: 200-300ms quick feedback, 500-700ms standard, 1000ms+ complex
Related Skills
sundial-org/training-data-curation
testing
VerifiedTrustedCommunity
Guidelines for creating high-quality datasets for LLM post-training (SFT/DPO/RLHF). Use when preparing data for fine-tuning, evaluating data quality, or designing data collection strategies.
148SKILL.mdUpdated Apr 15, 2026
sundial-org/tinker
development
VerifiedTrustedCommunity
Fine-tune LLMs using the Tinker API. Covers supervised fine-tuning, reinforcement learning, LoRA training, vision-language models, and both high-level Cookbook patterns and low-level API usage.
148SKILL.mdUpdated Apr 15, 2026
sundial-org/tinker-training-cost
data-ai
VerifiedTrustedCommunity
Calculate training costs for Tinker fine-tuning jobs. Use when estimating costs for Tinker LLM training, counting tokens in datasets, or comparing Tinker model training prices. Tokenizes datasets using the correct model tokenizer and provides accurate cost estimates.
148SKILL.mdUpdated Apr 15, 2026
sundial-org/skill
data-ai
VerifiedTrustedCommunity
Find, install, create, improve, and publish AI agent skills through the Sundial ecosystem. Use when the user wants to find or search for skills, install a skill, create a new skill, improve or evaluate an existing skill, or publish a skill to Sundial Hub. Trigger phrases include "find a skill", "install skill", "create a skill", "make a skill", "improve this skill", "evaluate skill", "publish skill", "push skill", "search for skills".
148SKILL.mdUpdated Apr 15, 2026