Skip to content
Medicine Medium #contraception#ocp#iud

Contraceptive Mechanisms

Combined OCP (suppress ovulation), progestin-only (cervical mucus, endometrium), IUD (local), barrier.

A free, animated contraceptive mechanisms you can read here or embed on any website, from Scrollchart.

Contraceptive Mechanisms

Contraceptive MechanismsFive methods: mechanism, typical-use vs perfect-use efficacy, key clinical notesMechanismTypical-usePerfect-useKey notesCombined OCPestrogen + progestinProgestin-only pillmini-pillCopper IUDParagardHormonal IUDMirena / KyleenaBarrier (condom)male condomSuppresses LH surge; prevents ovulation.Thickens mucus; thins endometrium.Thickens mucus (primary). Partialanovulation (50-60% cycles).Cu2+ ions spermicidal. Localinflammation impairs fertilization.LNG thickens mucus, suppressesendometrium; partial anovulation.Physical block; no endocrine effect.Only method with STI protection.VTE risk 3-4x (oral). Transdermal safer.Contra: migraine + aura, smoker >35.Safe in breastfeeding and smokers.3-h window (norethindrone); 12-h (desogestrel).Best emergency contraceptive (up to 120 h).Duration 10+ years. No hormones.Amenorrhea in 20% at 1 year (Mirena).Duration 5-8 years. Low systemic dose.Efficacy gap = inconsistent use, notbiological failure.

Five-row matrix of contraceptive methods with mechanism, typical-use efficacy, perfect-use efficacy, and key side effects.

Good for

  • Contraceptive counseling materials comparing hormonal and non-hormonal options with efficacy data
  • Medical student and nurse practitioner teaching on mechanism-based contraception selection
  • Patient-facing health-app content helping users understand why LARC methods outperform pills in practice

Source & accuracy

This contraceptive mechanisms is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Different methods, different points of action

Contraceptive methods prevent pregnancy by interrupting the process at different stages. Combined hormonal methods, which contain both an estrogen and a progestin, work mainly by suppressing the hormonal signals that trigger ovulation, so no egg is released. Progestin-only methods rely more on thickening cervical mucus to impede sperm and on thinning the endometrium, and they may also suppress ovulation depending on the dose and type.

Intrauterine devices act locally within the uterus, copper devices by creating an environment hostile to sperm and hormonal devices largely through their progestin effect on mucus and lining.

Barrier methods and choosing between options

Barrier methods such as condoms physically block sperm from reaching the egg and are the only common methods that also reduce transmission of sexually transmitted infections. Methods differ substantially in typical-use effectiveness, side effects, and suitability for an individual's health history.

This is general educational information about how contraceptive methods work, not medical advice; the right method depends on personal medical factors and should be chosen with a qualified clinician.

Embed this diagram

Add this animated contraceptive mechanisms to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated contraceptive mechanisms for any website.
Who uses it
Medical educators, Patient-info sites, Health blogs.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="contraception-mechanisms" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Contraceptive Mechanisms" for my website?
Scrollchart provides "Contraceptive Mechanisms" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a contraceptive mechanisms diagram in a health or wellness blog?
Copy the HTML snippet from the Scrollchart diagram page and paste it into any post or page in your CMS. It works in WordPress, Webflow, Ghost, Substack, and plain HTML without any plugin or account. The diagram renders as animated SVG directly in your page, so search engines can index the accompanying explainer text.