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

Popular posts from this blog

100 stable and 100 unstable job roles for 2025–2030

Next big wave of well paying jobs may come from engineering sector in India. Plan for your kids

Secret to Sustainable Employment