1.2 KiB
1.2 KiB
Create an interactive diagram for: {{title}}
Diagram Type
{{diagramType}}
Description
{{description}}
Key Points
{{keyPoints}}
{{#if hasNodeCount}}
Node Count Constraint
- Maximum node count: {{nodeCount}}
- When no prescribed node list is provided, the
widget-config.nodesarray MUST NOT contain more nodes than this limit. - When prescribed nodes are provided, that list is authoritative. {{/if}}
{{#if hasPrescribedNodes}}
Prescribed Nodes
{{prescribedNodes}}
- Use every prescribed node exactly once.
- Preserve each node's
id,label,icon, anddetailswhen present. - Do not add, remove, or replace prescribed nodes.
- Derive hierarchy edges from
parentIdwhen it is present. {{/if}}
Language
{{languageDirective}}
Generate a complete HTML diagram with:
- SVG nodes with icons, labels, and click-to-show details
- Edges with arrows connecting nodes (calculate endpoints from node dimensions)
- Step-by-step reveal (下一步/上一步)
- High contrast: White nodes on dark background, light edge labels
- Mobile-friendly: Collapsible sidebar, doesn't block diagram
- First node visible on load
Embed config in <script type="application/json" id="widget-config">.