Free website widget

Embed the Body Visualizer on your site

Set the starting model, copy one iframe, and let visitors explore a 3D body visualizer without an account or integration work.

Create your embed code

Choose the starting values below. The embed always uses a fixed 800px height so controls stay usable in narrow content columns.

Starting model
Starting units

Live preview

Embed questions

How do I add the Body Visualizer to my website?

Choose the starting settings, copy the iframe code, and paste it into an HTML, custom-code, or embed block on your page. No account, script, or API key is needed.

Why is the iframe 800px high?

An iframe cannot reliably learn the width of its host column without an extra parent-page script. A fixed 800px height keeps the 3D model and controls available in narrow columns and on mobile.

Does the embed collect visitor body measurements?

Changes visitors make after loading are processed in their browser and are not sent to a dedicated embed API. The starting values you choose are URL parameters and may appear in normal infrastructure logs.

Values changed after the embed loads stay in the visitor's browser. Starting presets are included in the iframe URL; no dedicated embed analytics are collected.

The 3D figure is a general illustration, not a medical assessment or a personal body scan.

Body Visualizer embed code generator: a practical reading guide

Use Body Visualizer embed code generator to organise the information already shown on this page. The generator creates an iframe using the selected starting values; the embedded visitor can change those values in the browser after the frame loads. Start with values you can explain and reproduce, rather than trying to make the picture match an expectation. A consistent set of inputs is more useful than a single dramatic result.

Choose the unit system first, then enter the measurements carefully. If a value was taken at a different time of day, with different clothing, or by a different method, note that difference before comparing it with an earlier result. Small input changes can change an estimate without indicating a meaningful change in the person being described.

Read labels, helper text, and any displayed assumptions before treating an output as a comparison point. A number, silhouette, category, or relative position can be useful for orientation, but it does not by itself explain health, fitness, training progress, or body composition. Keep the result in the limited context that the page presents.

When you repeat a check, keep the same measurement method and units whenever possible. Rechecking a tape measurement, height, weight, or selected option is usually more valuable than forcing the input to fit a preferred outcome. Write down the conditions of the check if you want to compare it later.

Visual output is especially easy to overinterpret. Lighting, posture, muscle, age, hydration, and many other factors are not established by a short set of entries. Treat the displayed model as a way to discuss proportions or scale, not as proof of an exact appearance or a clinical assessment.

For a useful comparison, change one input at a time and observe the direction of the result. That makes it easier to distinguish a real input difference from a change caused by units, rounding, or a mistaken entry. If two results conflict, return to the original measurements before relying on either one.

Do not enter names, contact details, or other identifying information into a measurement field. This page is designed around the values needed for its visible calculation or visualisation. Keeping the entry set limited also makes the result easier to audit and repeat without mixing personal notes into the tool.

Use the output as a starting point for questions, not a substitute for professional judgment. If a decision concerns symptoms, treatment, eligibility, or a high-stakes health concern, use an appropriate qualified source. The page cannot diagnose a condition or establish an individual medical outcome.

A short record of the inputs, units, date, and purpose of a check can make later use clearer. The most honest conclusion is often simply that the same inputs produced the displayed estimate. That is enough for a visual reference without assigning it a precision the tool does not claim.

A deliberate way to review the estimate

  • Check that every measurement uses the unit selected beside its field before you compare results.
  • Round only after recording the value you actually measured, so later checks use the same starting point.
  • Keep one purpose for each check: a visual reference, a scale comparison, or a calculation context.
  • If a result looks surprising, verify the entries and units before changing the interpretation.
  • Use the same measurement routine for a trend; a different routine is not a like-for-like comparison.
  • Separate an estimate shown by a tool from a conclusion about health, identity, or appearance.
  • Read the page-specific labels again when you switch tools, because their available inputs can differ.
  • Share only the output and inputs you are comfortable discussing; the page does not need personal identifiers.
  • Check that every measurement uses the unit selected beside its field before you compare results.
  • Round only after recording the value you actually measured, so later checks use the same starting point.
  • Keep one purpose for each check: a visual reference, a scale comparison, or a calculation context.
  • If a result looks surprising, verify the entries and units before changing the interpretation.
  • Use the same measurement routine for a trend; a different routine is not a like-for-like comparison.
  • Separate an estimate shown by a tool from a conclusion about health, identity, or appearance.
  • Read the page-specific labels again when you switch tools, because their available inputs can differ.
  • For step 1, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 2, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 3, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 4, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 5, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 6, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 7, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 8, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 9, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 10, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 11, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 12, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 13, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 14, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 15, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 16, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 17, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 18, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.
  • For step 19, open Body Visualizer embed code generator with the units visible, verify the displayed inputs, and read the result as an estimate. Before acting on it, revisit Body Visualizer embed code generator once more to confirm that the same values produce the same reference.