JSFiddle - React, Tailwind, and code Playground
by Abhishek Nandgaonkar
HTML
<shapes name="mxgraph.bpmn">
<shape h="10.39" name="Ad Hoc" strokewidth="inherit" w="15">
<connections/>
<background>
<path>
<move x="0" y="1.69"/>
<arc large-arc-flag="0" rx="5" ry="5" sweep-flag="1" x="7.5" x-axis-rotation="0" y="1.69"/>
<arc large-arc-flag="0" rx="5" ry="5" sweep-flag="0" x="15" x-axis-rotation="0" y="1.69"/>
<line x="15" y="8.69"/>
<arc large-arc-flag="0" rx="5" ry="5" sweep-flag="1" x="7.5" x-axis-rotation="0" y="8.69"/>
<arc large-arc-flag="0" rx="5" ry="5" sweep-flag="0" x="0" x-axis-rotation="0" y="8.69"/>
<close/>
</path>
</background>
<foreground>
<fillstroke/>
</foreground>
</shape>
<shape h="65" name="Business Rule Task" strokewidth="inherit" w="100">
<connections/>
<background>
<rect h="65" w="100" x="0" y="0"/>
</background>
<foreground>
<fillstroke/>
<path>
<move x="0" y="15"/>
<line x="100" y="15"/>
<move x="1" y="40"/>
<line x="99.4" y="40"/>
<move x="25" y="15"/>
<line x="25" y="65"/>
</path>
<stroke/>
</foreground>
</shape>
<shape aspect="fixed" h="97" name="Cancel End" strokewidth="inherit" w="97">
<connections>
<constraint name="N" perimeter="0" x="0.5" y="0"/>
<constraint name="S" perimeter="0" x="0.5" y="1"/>
<constraint name="W" perimeter="0" x="0" y="0.5"/>
<constraint name="E" perimeter="0" x="1" y="0.5"/>
<constraint name="NW" perimeter="0" x="0.145" y="0.145"/>
<constraint name="SW" perimeter="0" x="0.145" y="0.855"/>
<constraint name="NE" perimeter="0" x="0.855" y="0.145"/>
<constraint name="SE" perimeter="0" x="0.855" y="0.855"/>
</connections>
<background>
<ellipse h="97" w="97" x="0" y="0"/>
</background>
<foreground>
<strokewidth width="3"/>
...