mindmap.md

Mindmapping Prompt by @parolkar on Replit

Create a mindmap about "US Election Campaign Process" with the tree structure written as follows and then trun that into SVG file with nodes and arrows. 

* Write each item on one line.
* Use the number of leading '>' to indicate the depth of the tree structure.
* The highest level should have 1 leading '>'.
* The top level should always be "{{user_input}}" and not "top."
* Respond with the mind map starting from the top level on the first line, without adding unnecessary words.

Follow the [Example] below:
[Example]
top
> idea1
>> idea1_1
>>> idea1_1_2
> idea2
>> idea2_1

output_mindmap.svg

<svg width="1200" height="800" xmlns="http://www.w3.org/2000/svg">
    <style>
        .node text { font-family: Arial; font-size: 12px; }
        .link { stroke: #999; stroke-width: 1.5; fill: none; }
        .node circle { fill: #fff; stroke: #666; stroke-width: 2; }
        .node.central circle { fill: #4a90e2; stroke: #357abd; }
        .node.l1 circle { fill: #50c878; stroke: #2a9d5c; }
        .node.l2 circle { fill: #9b59b6; stroke: #8e44ad; }
        .node.l3 circle { fill: #e67e22; stroke: #d35400; }
    </style>
    
    <!-- Central Node -->
    <g transform="translate(600,400)" class="node central">
        <circle r="60"/>
        <text text-anchor="middle" dy=".3em">US Election Campaign Process</text>
    </g>
    
    <!-- Presidential Campaign Timeline Branch -->
    <g transform="translate(300,200)" class="node l1">
        <path class="link" d="M0,0 C150,50 200,100 300,200"/>
        <circle r="40"/>
        <text text-anchor="middle" dy=".3em">Presidential Campaign Timeline</text>
    </g>
    
    <!-- Campaign Strategy Branch -->
    <g transform="translate(900,200)" class="node l1">
        <path class="link" d="M0,0 C-150,50 -200,100 -300,200"/>
        <circle r="40"/>
        <text text-anchor="middle" dy=".3em">Campaign Strategy</text>
    </g>
    
    <!-- Electoral College Focus Branch -->
    <g transform="translate(300,600)" class="node l1">
        <path class="link" d="M0,0 C150,-50 200,-100 300,-200"/>
        <circle r="40"/>
        <text text-anchor="middle" dy=".3em">Electoral College Focus</text>
    </g>
    
    <!-- Campaign Organization Branch -->
    <g transform="translate(900,600)" class="node l1">
        <path class="link" d="M0,0 C-150,-50 -200,-100 -300,-200"/>
        <circle r="40"/>
        <text text-anchor="middle" dy=".3em">Campaign Organization</text>
    </g>
    
    <!-- Election Day Operations Branch -->
    <g transform="translate(600,200)" class="node l1">
        <path class="link" d="M0,0 C0,50 0,100 0,200"/>
        <circle r="40"/>
        <text text-anchor="middle" dy=".3em">Election Day Operations</text>
    </g>
</svg>