Interactive Body Muscle Visuals
Budget: $30 – $250 USD
I’m building a gym-training interface that lets users tap on specific muscle groups to set their workout focus. I need four clean body outlines—male front, male back, female front, female back—each divided into intuitive zones such as upper abs, lower back, glutes, arms, and so on. You’ll source suitable base artwork (stock, CC, or your own library) and adapt it; nothing has to be illustrated from scratch.
I’m flexible on 2D or 3D as long as the shapes remain crisp when zoomed, but the finished files must arrive as SVG with well-named hotspot paths so my code can target them easily. Every zone should support three fill states: red for primary focus, yellow for secondary, green for general. I’ll handle the colour switching in the app—just make sure the SVG structure is clean and reusable.
Deliverables
• Four SVG files (male/female, front/back) with grouped, ID-labelled muscle zones
• A simple HTML/JS demo that toggles colours to prove the hotspots work
• A brief note on any licences tied to the base artwork you sourced
If you’ve done anatomical UI work or interactive SVGs before, show me a quick example and let’s move ahead.
I’m flexible on 2D or 3D as long as the shapes remain crisp when zoomed, but the finished files must arrive as SVG with well-named hotspot paths so my code can target them easily. Every zone should support three fill states: red for primary focus, yellow for secondary, green for general. I’ll handle the colour switching in the app—just make sure the SVG structure is clean and reusable.
Deliverables
• Four SVG files (male/female, front/back) with grouped, ID-labelled muscle zones
• A simple HTML/JS demo that toggles colours to prove the hotspots work
• A brief note on any licences tied to the base artwork you sourced
If you’ve done anatomical UI work or interactive SVGs before, show me a quick example and let’s move ahead.
Related categories:
JavaScript
Graphic Design
Animation
Illustration
HTML
Web Development
SVG
Web Design