console
<svg width="500" height="500" viewBox="0 0 100 100">
<path d="M0,0 L100,0 100,100 0,100 0,0" fill="none" stroke="red" stroke-width="1"></path>
<!-- <path d="Q150,150 300,300" stroke="blue" stroke-width="5"></path> -->
<path d="M0,10 H100 M0,20 H100 M0,30 H100 M0,40 H100 M0,50 H100 M0,60 H100 M0,70 H100 M0,80 H100 M0,90 H100" stroke="BLACK" stroke-width="0.5"/>
<path d="M10,0 V100 M20,0 V100 M30,0 V100 M40,0 V100 M50,0 V100 M60,0 V100 M70,0 V100 M80,0 V100 M90,0 V100" stroke="BLACK" stroke-width="0.5"/>
<!-- <path d="M20,20 H50 V10 L70,30 50,50 V40 H20 Z" fill="green" stroke="green" stroke-width="1.5"/>
<path d="M20,70 l10,-20 v10 h30 v20 h-30 v10 Z" fill="pink" stroke="purple"/>
-->
<!-- <path d="M30,60 Q40,20 50,60" fill="none" stroke="red"/>
<path d="M70,10 Q85,40 100,10" fill="none" stroke="purple"/>
<path d="M10,0 Q50,30 10,60" fill="none" stroke="blue"/>
<path d="m10,50 Q50,110 90,50" fill="none" stroke="pink"/> -->
<!-- <path d="m10,20 Q25,-10 40,20 55,50 70,20" fill="none" stroke="green"/>
<path d="m30,40 Q-10,55 30,70 -10,85 30,100" fill="none" stroke="RED"/>
<path d="40,50 Q"/>
<path d="m60,100 Q80,100 80,80 T100,60" fill="none" stroke="PURPLE"/> -->
<path d="m25,25 L30,10 Q35,2 40,0 L60,0 Q65,2 70,10 L75,25 Q85,25 85,35 L85,45 Q85,55 75,55 Q67.5,70 60,55 L40,55 Q32.5,70 25,55 Q15,55 15,45 L15,35 Q15,25 25,25" fill="#3366FF" stroke="#3366FF" stroke-width="2"/>
</g>
<g id=deng>
<circle cx="32" cy="45" r="4" fill="white">
</g>
</defs>
<use xlink:href="#deng" x="35" y="0"/>
<path d="m40,10 L60,10 Q65,13 66,15 L70,25 " stroke=white stroke-width=1 fill="white"/>
</svg>