ea5a287cf9
All 40 references to borealBytes/opencode updated to the correct source: https://github.com/SuperiorByteWorks-LLC/agent-project Affected files: SKILL.md, all 24 diagram guides, 9 templates, issue and PR docs, plus assets/examples/example-research-report.md (new file). The example report demonstrates full skill usage: flowchart, sequence, timeline, xychart, radar diagrams — all with accTitle/accDescr and classDef colors, no %%{init}. Covers HEK293T CRISPR editing efficiency as a realistic scientific context.
2.0 KiB
Treemap Diagram
Back to Style Guide — Read the style guide first for emoji, color, and accessibility rules.
Syntax keyword: treemap-beta
Mermaid version: v11.12.0+
Best for: Hierarchical data proportions, budget breakdowns, disk usage, portfolio composition
When NOT to use: Simple flat proportions (use Pie), flow-based hierarchy (use Sankey)
⚠️ Accessibility: Treemap diagrams do not support
accTitle/accDescr. Always place a descriptive italic Markdown paragraph directly above the code block.⚠️ GitHub support: Treemap is very new — verify it renders on your target GitHub version before using.
Exemplar Diagram
Treemap showing annual cloud infrastructure costs broken down by service category and specific service, with rectangle sizes proportional to spend:
treemap-beta
"Compute"
"EC2 Instances": 45000
"Lambda Functions": 12000
"ECS Containers": 8000
"Storage"
"S3 Buckets": 18000
"RDS Databases": 15000
"DynamoDB": 6000
"Networking"
"CloudFront CDN": 9000
"API Gateway": 7000
"Observability"
"CloudWatch": 5000
"Datadog": 8000
Tips
- Parent nodes (sections) use quoted text:
"Section Name" - Leaf nodes add a value:
"Leaf Name": 123 - Hierarchy is created by indentation (spaces or tabs)
- Values determine the size of each rectangle — larger value = larger area
- Keep to 2–3 levels of nesting for clarity
- Use
classDefand:::classsyntax for styling nodes - Always pair with a Markdown text description above for screen readers
Template
Description of the hierarchical data and what the proportions represent:
treemap-beta
"Category A"
"Sub A1": 40
"Sub A2": 25
"Category B"
"Sub B1": 20
"Sub B2": 15