How to generate a figure via code
<svg viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
<!-- Central Hub -->
<circle cx="400" cy="300" r="80" fill="#2B60DE" opacity="0.9"/>
<text x="400" y="305" text-anchor="middle" fill="white" font-size="16">Internship Success</text>
<!-- Connecting Lines -->
<line x1="400" y1="220" x2="400" y2="150" stroke="#666" stroke-width="2"/>
<line x1="470" y1="270" x2="600" y2="200" stroke="#666" stroke-width="2"/>
<line x1="470" y1="330" x2="600" y2="400" stroke="#666" stroke-width="2"/>
<line x1="400" y1="380" x2="400" y2="450" stroke="#666" stroke-width="2"/>
<line x1="330" y1="330" x2="200" y2="400" stroke="#666" stroke-width="2"/>
<line x1="330" y1="270" x2="200" y2="200" stroke="#666" stroke-width="2"/>
<!-- Surrounding Elements -->
<circle cx="400" cy="120" r="50" fill="#4CAF50"/>
<text x="400" y="125" text-anchor="middle" fill="white" font-size="12">Learn</text>
<circle cx="630" cy="180" r="50" fill="#2196F3"/>
<text x="630" y="185" text-anchor="middle" fill="white" font-size="12">Communicate</text>
<circle cx="630" cy="420" r="50" fill="#FFC107"/>
<text x="630" y="425" text-anchor="middle" fill="white" font-size="12">Initiative</text>
<circle cx="400" cy="480" r="50" fill="#9C27B0"/>
<text x="400" y="485" text-anchor="middle" fill="white" font-size="12">Organize</text>
<circle cx="170" cy="420" r="50" fill="#E91E63"/>
<text x="170" y="425" text-anchor="middle" fill="white" font-size="12">Solutions</text>
<circle cx="170" cy="180" r="50" fill="#FF5722"/>
<text x="170" y="185" text-anchor="middle" fill="white" font-size="12">Connect</text>
</svg>
Comments
Post a Comment