Skip to content
Nutrition Medium #dash#blood-pressure

DASH: Before and After

SBP/DBP down 8-14/3-6 mmHg, LDL falls modestly, weight drops if calories controlled.

A free, animated dash: before and after you can read here or embed on any website, from Scrollchart.

DASH: Before and After

DASH Diet: Before and AfterDASH and DASH-Sodium trial outcomes vs. control diet (Appel 1997, Sacks 2001). Bars show % of baseline value.84%88%92%96%100%% of pre-intervention value135123-12 mmHgSBPmmHg8682-4.5 mmHgDBPmmHg142130-12 mg/dLLDL-Cmg/dL8482-2 kgWeightkgLegendBefore (control diet)After DASHHypertensive cohort.8 weeks on DASH.Caloric intake matched.DASH-Sodium (1,500 mg/day): additional -2.5 mmHg SBP. Effect largest in hypertensives and those over 45.Weight change reflects isocaloric protocol; free-living DASH with caloric deficit yields 3-5 kg reduction at 6 months.

Pre-and-post bars from the original DASH and DASH-Sodium trials: blood pressure, LDL, weight, sodium intake.

Good for

  • Evidence-based hypertension articles for patients
  • DASH-vs-Mediterranean outcome comparisons
  • Clinical dietitian educational materials

Source & accuracy

This dash: before and after 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.

Blood-pressure changes seen in DASH trials

In the original DASH trials, the eating pattern lowered systolic blood pressure by roughly 8 to 14 mmHg and diastolic by about 3 to 6 mmHg in people with elevated readings, with larger effects when sodium was also reduced. The blood-pressure response tends to be greatest in those who start higher and is more modest in people already near normal.

These reductions are clinically meaningful: sustained drops of this size are associated with lower long-term cardiovascular risk, though DASH is one input among many, including medication and overall lifestyle.

Lipids, weight, and the limits of the effect

DASH also tends to lower LDL cholesterol modestly and can support weight loss when total calories are controlled, since the pattern is high in fiber and low in energy-dense processed foods on its own. Benefits depend on adherence and on actually hitting the sodium and potassium profile.

This is general educational information, not medical advice. People with hypertension or kidney disease should manage their diet and any medication changes with a qualified professional.

Embed this diagram

Add this animated dash: before and after 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 dash: before and after for any website.
Who uses it
Diet blogs, Health blogs, Medical educators.
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="dash-before-after" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "DASH: Before and After" for my website?
Scrollchart provides "DASH: Before and After" 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 dash: before and after 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.