reactor-charts Skill
Reactor charts and data visualization — choosing a chart type (line, bar, area, donut, TreeChart, ForceGraph), the chart DSL, LabelView / XTickLabelView / YTickLabelView for icon-plus-text and rich labels, and the visualization-best-practices rules. Use when adding charts or designing visualizations. Published by microsoft in microsoft-ui-reactor.
What is reactor-charts Skill?
Reactor charts and data visualization — choosing a chart type (line, bar, area, donut, TreeChart, ForceGraph), the chart DSL, LabelView / XTickLabelView / YTickLabelView for icon-plus-text and rich labels, and the visualization-best-practices rules. Use when adding charts or designing visualizations. Published by microsoft in microsoft-ui-reactor. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Documentation
- Data analysis
- Documentation use cases
- Data analysis use cases
Technical details
- Install or run with Copy skill directory
When to use reactor-charts Skill
- Use it for documentation.
- Use it for data analysis.
Built with
Editorial notes
Source
- Creator: microsoft
- Repository: microsoft/microsoft-ui-reactor
- Skill file: plugins/reactor/skills/reactor-charts/SKILL.md
What it does
Reactor charts and data visualization — choosing a chart type (line, bar, area, donut, TreeChart, ForceGraph), the chart DSL, LabelView / XTickLabelView / YTickLabelView for icon-plus-text and rich labels, and the visualization-best-practices rules. Use when adding charts or designing visualizations.
Skill instructions
Reactor Charts The chart surface lives in Reactor.D3.Charts (full guide: docs/guide/charting.md). This skill is the AI-agent quick reference — chart-choice rules, the new View extension points, and the a11y/accuracy rails you should keep on by default. Choose the right chart first Most "my chart looks bad" problems are wrong-chart problems, not styling problems. Cleveland & McGill's perceptual ranking (1984) — accuracy of graphical judgment, best to worst: position on a common scale position on non-aligned scales length / direction / angle area volume shading / color saturation That ordering is why bars and dots win and why pies lose. Translate it into rules of thumb: | Chart | Use when | Avoid when | |---|---|---| | Bar | Discrete categories, time buckets (Q1..Q4), ranked comparison. Default when in doubt. | (Use a different chart if the data is continuous, e.g. dense time-series — line is clearer.) | | Line | Continuous data, many x-values, trends/slopes, autocorrelated series (price
Explore related resources
Frequently asked questions
What is reactor-charts?
reactor-charts is a open-source AI agent skill with Copy skill directory. Reactor charts and data visualization — choosing a chart type (line, bar, area, donut, TreeChart, ForceGraph), the chart DSL, LabelView / XTickLabelView / YTickLabelView for icon-plus-text and rich.
Who is reactor-charts best for?
reactor-charts is best for reusing agent instructions, scripts, and references, documentation workflows, data analysis workflows.
How do I install reactor-charts?
Install or run reactor-charts using Copy skill directory. Check reactor-charts for the latest setup command.
Is reactor-charts actively maintained?
reactor-charts may need a closer maintenance check before production use.
Auto-fetched from GitHub.
