Tinkering Human Anatomy with SVG

Let's create Human Anatomy with SVG.

Github Repository : https://github.com/eMahtab/human-anatomy

Last week I spent sometime trying to create human anatomy using SVG. I used Figma to create individual SVGs e.g. head, neck, chest, abdomen etc.

All the body parts were created using polygon shape in Figma except the Orbit, which was created using ellipse shape in Figma.

Then I exported the individual SVG to be used in html document. And using CSS set the position of individual body parts/SVG to get the final anatomy as the result.

Each SVG have a different id, so you can handle the events e.g. onclick, onmouseover on individual body part.

Design in Figma :

Reference : https://github.com/volcanioo/Human-Body-Rendering-HTML

Happy SVGing 🥳