
In Progress
Posted
Paid on delivery
I need a designer / SVG illustrator to create an interactive body chart for a sports performance app . The app is used by football/soccer players to report muscle soreness, pain, or injury after training or matches. Players will tap/click specific muscle areas on a body diagram. Each click will cycle the selected area through these states: empty / default yellow = soreness / fatigue orange = pain red = injury back to empty I will handle all programming myself. I only need the SVG artwork prepared correctly so that every muscle/body area can be individually targeted in code. Required Deliverable Create two clean SVG body charts: Front view of the human body Back view of the human body The style should be similar to a modern sports body chart: clean outline neutral light-gray body areas thin darker borders between muscle zones simple and professional no excessive anatomical detail suitable for a mobile app gender-neutral athletic body shape transparent background preferred Important SVG Requirements Each clickable muscle/body area must be a separate SVG path or shape. Every area must have a clear and unique id attribute so my code can detect what the player clicked. Example: <path id="front_left_biceps" ... /> <path id="front_right_quadriceps" ... /> <path id="back_right_hamstring" ... /> Please do not create the body as one flat image. I need individually clickable SVG regions. The SVG should be scalable and work well on mobile screens. States / Colors The default SVG should use neutral colors only. I will apply the soreness/pain/injury colors in code, but the SVG areas should be easy to recolor via CSS or JavaScript. Suggested default styling: fill: #F2F3F5 stroke: #2B2F33 inner muscle border stroke: #C8CDD2 The final SVG should allow this kind of CSS targeting: #front_left_biceps { fill: yellow; } Required Front View Areas Please create individually clickable areas for the front body chart: front_head front_neck front_left_shoulder front_right_shoulder front_left_chest front_right_chest front_upper_chest front_left_biceps front_right_biceps front_left_forearm front_right_forearm front_left_wrist_hand front_right_wrist_hand front_upper_abs front_middle_abs front_lower_abs front_left_obliques front_right_obliques front_pelvis_groin front_left_quadriceps front_right_quadriceps front_left_adductors front_right_adductors front_left_outer_thigh front_right_outer_thigh front_left_knee front_right_knee front_left_shin front_right_shin front_left_outer_lower_leg front_right_outer_lower_leg front_left_ankle_foot front_right_ankle_foot Required Back View Areas Please create individually clickable areas for the back body chart: back_head back_neck back_left_upper_trapezius back_right_upper_trapezius back_left_rear_shoulder back_right_rear_shoulder back_left_scapula_upper_back back_right_scapula_upper_back back_spine_mid_back back_left_lats back_right_lats back_left_triceps back_right_triceps back_left_elbow back_right_elbow back_left_forearm_extensors back_right_forearm_extensors back_left_wrist_hand back_right_wrist_hand back_left_lower_back back_right_lower_back back_sacrum back_left_glute back_right_glute back_left_hamstrings back_right_hamstrings back_left_inner_hamstring_adductors back_right_inner_hamstring_adductors back_left_outer_thigh back_right_outer_thigh back_left_back_knee back_right_back_knee back_left_calf back_right_calf back_left_achilles back_right_achilles back_left_heel_foot back_right_heel_foot Technical Requirements Please deliver: [login to view URL] [login to view URL] Optional but appreciated: one combined preview image showing both views side by side a simple HTML preview where clicking each area highlights it The SVG should be editable in Figma, Illustrator, or Inkscape. Please keep the SVG clean: meaningful layer/path names no unnecessary masks or raster images no embedded bitmap images no random generated IDs no copyrighted assets all artwork must be original or fully licensed for commercial use Usage Context This will be used in a commercial sports technology product. The SVG will be embedded into a web/mobile app where players report muscle soreness and pain by tapping the relevant body area. I need the output to be visually clean, mobile-friendly, and technically structured for click detection.
Project ID: 40486533
77 proposals
Remote project
Active 3 days ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
77 freelancers are bidding on average €110 EUR for this job

As an experienced graphic designer with over a decade of experience in the field, I have successfully collaborated on numerous projects that required intricate illustrations and interactive designs. My expertise in SVG creation perfectly aligns with your project's specific need for individual and clickable muscle/body areas in a clean, professional and mobile-friendly manner. I am well-versed in the software tools that you mentioned, including Adobe Illustrator and Inkscape, which means I can easily deliver not only the required two SVG body charts but also an optional combined preview image and an HTML preview to affirm my commitment to fulfilling your specific demands.
€34 EUR in 1 day
8.0
8.0

Hello There Regarding your project ( SVG Interactive Body Chart for Sports App), We would like to grab this opportunity and will work till you get 100% satisfied with our work. With over 12 years of expertise in graphic design, logo design, brand identity, Photoshop, Illustrator, and more, our accomplished team has made a significant impact across the UAE, USA, Saudi Arabia, UK, and many other countries. Our extensive international experience and commitment to excellence ensure we deliver exceptional and captivating results every time. will provide fully editable source files in various formats, including AI, EPS, PDF, JPEG, PNG. Our experienced team creates captivating Graphic Design with skill and creativity. Please check out my profile: https://www.freelancer.com/u/engmoriadham. If you like what you see, let's connect in chat to discuss how we can bring your vision to life. I will make sure to protect your payments, If you are not happy with the end result, I will fully refund your milestone/s. Regards, Adham
€100 EUR in 3 days
7.9
7.9

Hi there, I have read your project description carefully and fully understand that you need SVG Interactive Body Chart for Sports App tailored to your specific goals. I have recently completed similar project with 5⭐ reviews. Let’s chat and discuss it in detail. I am Rabia, with over 10+ years of experience and solid skills in Graphic Design, SVG with 1000+ reviews on the Freelancer. I specialize in creating visually compelling and brand-aligned graphics that enhance engagement and convey your message effectively. I use industry-standard tools like Adobe Creative Suite (including Illustrator, Photoshop, and InDesign), Figma, Canva, etc. With that I offer iterative review sessions where I incorporate your feedback to refine the designs; hence, ensuring that every design not only meets but exceeds your expectations. ⭐ Benefits of working with me: ✔️ 2-3 Custom Concepts ✔️ Free to cost consultation before project initiation (if required) ✔️ Desired file formats [PNG, JPEG, SVG, AI, PSD, etc.] ✔️ Full ownership & 100% Copyrights + 2-3 rounds of Revisions ✸ PORTFOLIO: https://www.freelancer.com/u/AneesaIBA?w=f&ngsw-bypass= Don't miss out, HIRE ME today and elevate your visual content to new heights! Best Regards, Rabia Shaikh.
€100 EUR in 1 day
8.0
8.0

Hii, I came across your project and would be excited to transform your ideas into bold, visually engaging designs. My Strengths Include: • Playful and imaginative children’s book illustrations • Clear, detailed, and engaging infographics • Distinctive artwork designed to capture attention and deliver results Final Deliverables: JPEG | PDF | SVG | EPS | Source files Portfolio: freelancer.com/u/graphicmonster Let’s turn your concept into something truly memorable. Ready whenever you are! Best regards, Parkash Joshi
€30 EUR in 1 day
8.1
8.1

With over a decade of experience in Graphic Design and Vector Illustration, I have gained the necessary expertise to tackle complex projects like yours. I am proficient in all the design tools you mentioned and produce work that is clean, meaningful, and scalable. My skills extend beyond just creating appealing visuals; I understand the importance of functionality, especially for an interactive app like yours. I'll ensure each muscle/body area is a separate SVG path with a clear id attribute for easy code targeting. One standout quality I possess is my attention to detail, something that is absolutely critical in your project. I fully comprehend the depth of your requirement; not just creating an 'athletic body shape' but also ensuring each zone has thin darker borders between them without excessive anatomical details. To provide extra value, upon completion, I'll deliver a combined preview image showing both front and back views along with a simple HTML preview featuring highlighted clickable areas. More than just being a teammate on your project, you can count on me to be reliable, deadline-oriented and committed to providing professional solutions tailored to your specific goals. I'm thrilled at this opportunity to contribute my skills to your esteemed project since it aligns with my core passion - transforming ideas into visually compelling designs that deliver results. Let's team up and create a powerful tool for footballers to track their performance better! Ash k
€30 EUR in 1 day
7.7
7.7

Good to see this project, I will deliver two clean, interactive SVG body charts — front and back — with every muscle zone as a separate path element, each carrying the exact id attributes you listed. The style will be gender-neutral, minimal, and mobile-optimized. I will structure each SVG with logical layer grouping so related zones — like left/right quads and adductors — sit in named groups, making future code targeting and hover states simpler to manage. Questions: 1) Do you have a preferred aspect ratio or max width for mobile display? 2) Should adjacent zones share border strokes, or have a small gap between them for easier tap targeting? Looking forward to talking through the details. Kamran
€34 EUR in 10 days
7.7
7.7

Hi, I’ve reviewed your project ⭐BODY CHART FOR APP ⭐ and I’m confident I can deliver a creative, professional logo that perfectly fits your brand. I’ve worked on similar projects and always aim to exceed client expectations. Why Choose Me: ✅ Unlimited revisions until you’re 100% satisfied ✅ All source files with full copyrights (AI, PDF, SVG, JPEG, PNG, PSD) ✅ On-time delivery & guaranteed quality Check out my portfolio: https://www.freelancer.com/u/graphicexpert9 Looking forward to working with you! Best regards, Jyoti
€30 EUR in 1 day
7.8
7.8

Thanks for taking the time to review my proposal. I have looked over my notes regarding your graphic design needs, have created a proposal for your project which i feel meets them. As a freelance graphic designer,i am able to offer extremely competitive project rates without sacrificing quality. As a freelance graphic designer,I am able to offer extremely competitive projects rates without sacrificing quality. I have over 10 years of experience in providing graphic design sand a long list of satisfied customers. for more please check my below link: https://www.freelancer.in/u/articreations hope you will contact me and we will work together.
€31 EUR in 1 day
7.4
7.4

Hi, You've mentioned the need for an SVG illustrator to create an interactive body chart for a sports performance app used by football/soccer players to report muscle soreness, pain, or injury. With my expertise in Graphic Design, I have recently worked on a similar project creating interactive graphics for a health and fitness application. For your project, my approach would be to meticulously create two clean SVG body charts - a front view and a back view of the human body. Each muscle/body area will be a separate SVG path with clear and unique id attributes for easy code detection. The design will feature a modern sports body chart style with neutral colors and gender-neutral athletic body shapes, suitable for mobile app integration. To get a better sense of my skills, please visit my portfolio: https://www.freelancer.com.au/SajidaSaqira I would love to discuss this project further with you. Could we schedule a short call to go over the details? Best regards, Sajida
€80 EUR in 7 days
6.2
6.2

Hi, I can create the front and back interactive SVG body charts with clean, mobile-friendly sports anatomy styling and properly separated clickable regions. I’ll build each muscle/body area as an individual SVG path or shape with clear unique IDs, so your code can target every section directly for soreness, pain, injury, and reset states. The artwork will use neutral default fills, clean borders, transparent background, and no raster images, masks, random IDs, or flat merged shapes. I’ll deliver both SVG files fully editable in Illustrator/Figma/Inkscape, with organized layers and paths. I can also include a simple HTML preview so you can test clicking and highlighting each body area before integration. Best regards, Waqas Ahmed
€140 EUR in 5 days
5.7
5.7

This project stands out because it is not just about drawing a body chart, but structuring the SVG correctly so every muscle zone can be individually targeted in code. The requirement for separate front and back views with clean, unique IDs such as front_left_biceps and back_right_hamstring is exactly the kind of detail that makes the final asset truly usable in an app. I can create two original, clean SVG body charts with a modern sports-medical look, using neutral light-gray fills, clear zone separation, and a mobile-friendly layout. Each required area will be delivered as its own editable path or shape with meaningful naming, clean structure, and no unnecessary masks or raster elements, so you can style and control every region easily with CSS or JavaScript. The result will be developer-ready SVG files that look polished in the app and are easy to integrate into your click-cycle logic. Best regards, Mohamed
€200 EUR in 2 days
5.6
5.6

Hi there, I understand you need two clean, clickable SVG body charts (front and back) for a sports app where players can tap muscle areas to cycle through default, soreness (yellow), pain (orange), and injury (red) states. The artwork will be structured with individually targeted regions, neutral base colors, and clear IDs so your code can switch colors or trigger states seamlessly. My approach is to deliver scalable, mobile-friendly SVGs with clearly named, editable shapes for every required region. I’ll craft front and back charts with distinct, non-overlapping paths, ensuring easy CSS/JS recoloring and straightforward integration into your app. After outlining each region, I’ll provide a clean namespace of IDs and consistent layer naming so you can extend or tweak later without friction. Final files will be ready for direct use in your project and easily editable in Figma, Illustrator, or Inkscape. What you can expect: * 24-hour turnaround for initial delivery * 2-3 initial design concepts to choose from * Unlimited revisions until you are fully satisfied * High-quality final delivery in all required formats You can view my work here: https://www.freelancer.com/u/Jaztechnologies Thanks, Aijaz
€220 EUR in 5 days
5.0
5.0

Hi, I can create clean, fully interactive front and back SVG body charts with every muscle region delivered as a separate, clearly named path so your click-state logic can be implemented without additional SVG restructuring. I’ve worked on app-focused SVG assets where scalability, touch accuracy, clean layer organization, and developer-friendly IDs were critical for smooth web and mobile integration. My approach is to build original vector artwork with consistent muscle zoning, meaningful path names matching your specification, CSS-friendly styling, and optional HTML preview for testing interactions before deployment. Would you like the muscle regions optimized primarily for anatomical accuracy or for larger tap targets to improve usability on smaller mobile screens? I’m available to start immediately and can deliver the SVGs, organized source files, and optional preview within your requested timeline—happy to discuss the final structure before production begins. Best Regards, Muhammad Saad K
€100 EUR in 4 days
5.3
5.3

Hello! I’m experienced in creating high-quality custom illustrations tailored to different styles, themes, and project needs. Whether you need character illustrations, book artwork, digital illustrations, vector art, concept designs, or detailed creative visuals, I can deliver artwork that matches your vision and communicates the right mood and message. ⭐What you can expect from me: • Original and creative illustrations • Clean, professional, and detailed artwork • Strong attention to composition, color, and style • High-resolution and print/web-ready files • Smooth communication and revisions throughout the project I always focus on creating visually engaging illustrations while keeping the client’s idea and target audience in mind. Thanks & Regards: Umair W.
€30 EUR in 1 day
5.1
5.1

Hi, I’m Jagjeet — with 10+ years of experience in SVG illustration and UI asset design. I can create clean, interactive front and back body-chart SVGs with individually clickable muscle regions, properly named IDs, and a developer-friendly structure for seamless app integration. What I’ll deliver: • Front and back body-chart SVGs • Separate SVG paths for all required body areas • Clean, meaningful ID naming as specified • Scalable, mobile-friendly SVG files • Optional preview image and HTML demo Ready to start immediately. Best regards, Jagjeet Singh
€70 EUR in 1 day
5.2
5.2

I've built interactive SVG body maps for fitness and physiotherapy apps before, so I know exactly how critical clean, individually-pathed muscle regions are for tap-based interaction on mobile. I'll create both front and back views using hand-drawn vector paths in Illustrator and Figma, ensuring every muscle zone—quads, hamstrings, deltoids, calves, obliques, and more—is a separate `<path>` element with semantic IDs like `front_left_quadriceps` and `back_right_trapezius`, ready for your click-cycling logic. The style will be minimal, gender-neutral, and optimized for mobile viewports with scalable `viewBox` settings and transparent backgrounds. I can start immediately and will deliver well-organized, developer-friendly SVG files with a complete ID reference map so integration into your app is seamless.
€30 EUR in 1 day
4.4
4.4

Hi, I can create both front and back SVG body charts exactly as specified, with every muscle group as a separate clickable path and clean, developer-friendly IDs for easy integration. I have experience creating SVG assets for web/mobile apps and will deliver: ✔ Clean, scalable SVGs (front & back) ✔ Unique IDs for every body region ✔ Organized layers and naming ✔ Editable files (Illustrator/Figma compatible) ✔ Mobile-friendly, lightweight SVG structure ✔ Optional HTML preview for testing interactions I understand the importance of accurate anatomy, clean vector construction, and code-ready SVG organization. Ready to start immediately and deliver a professional, production-ready solution. Thanks!
€30 EUR in 1 day
4.1
4.1

Hello, I've reviewed your project and understand you're looking for two professionally structured SVG body charts with individually clickable muscle regions for your sports performance app. I understand the SVGs must be built with separate paths for each front and back body area, meaningful IDs for code targeting, clean layer organization, and a mobile friendly design that remains easy to style through CSS or JavaScript. I can deliver both SVG files in a clean format suitable for Figma, Illustrator, and app integration, with optional preview files if needed. You can review my work here: https://www.freelancer.com/u/GridsmithLTD Do you already have a reference body chart style you would like matched, or should I create the visual design from the requirements and color specifications provided? Regards, Atik
€40 EUR in 1 day
3.3
3.3

IF YOU'RE NOT HAPPY DON'T PAY. I recently completed a project yielding reduced load times. I am new to Freelancer but bring experience from large-scale projects. Work alongside industry giants like Microsoft. I understand the need for an interactive body chart for a sports app. I will create clean, scalable SVG body charts with individually clickable muscle areas. My approach focuses on simplicity, reliability, and long-term results. Ready to start. If this aligns with your project, feel free to reach out to discuss scope and pricing. Regards, Patrick
€150 EUR in 7 days
2.8
2.8

Hello, As a seasoned graphic designer and interaction specialist, I am well-versed in creating clean, professional designs - the very style you require for your SVG body chart. With my expertise in tools like Figma, Illustrator, and Inkscape, I can guarantee that the SVGs I deliver will be easily editable without any unnecessary layers. No random generated IDs or illegal images, only original artwork as per your request. Additionally, having worked extensively on branding and visual identity systems, I have a keen eye for ensuring that every aspect of the design aligns with your brand and function seamlessly as intended. The technical aspects such as unique ids for each muscle area and allowing for CSS recoloring come naturally to me. Lastly, my proficiency in producing strategy-first deliverables guarantees that every aspect of my design serves a purpose - tailored specifically to suit your target audience (football players) and app requirements. Trust me to deliver not just what you asked for technically but also what you envision aesthetically. Let's create a sleek and powerful interactive diagram together! Thanks!
€155 EUR in 2 days
2.0
2.0

Šeno, Czech Republic
Payment method verified
Member since Jul 17, 2025
€250-750 EUR
€30-250 EUR
€750-1500 EUR
₹100-400 INR / hour
₹12500-37500 INR
₹1500-12500 INR
$250-750 USD
$100 USD
₹600-1500 INR
£20-250 GBP
$10-30 USD
₹1500-12500 INR
₹12500-37500 INR
€8-30 EUR
$10-30 USD
€50 EUR
₹600-1500 INR
₹12500-37500 INR
$30-250 AUD
£20-250 GBP
$250-750 USD
$100 USD
€250 EUR