Skip to content
Nutrition Medium #hydration#fluid-balance#water

Daily Fluid Balance

In: drinks 1.5L, food 0.7L, metabolic water 0.3L. Out: urine 1.5L, sweat/breath 0.7L, stool 0.3L.

A free, animated daily fluid balance you can read here or embed on any website, from Scrollchart.

Daily Fluid Balance

Daily Fluid BalanceDuring exercise in heat: sweat rises to 1.5+ L/hr, total daily need can exceed 4-5 L/day.In: beverages + food water + metabolic water. Out: urine + insensible + sweat + stool.

A sankey of daily water flow: inputs (beverages, food moisture, metabolic water from oxidation) on the left, outputs (urine, insensible loss via skin and breath, sweat, stool) on the right. Each branch is sized to typical daily volumes, with hot-climate and high-activity overlays showing how sweat dominates output during physical work.

Good for

  • Articles answering "how much water should I drink"
  • Hydration during exercise content
  • Dehydration risk education for elderly

Source & accuracy

This daily fluid balance 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.

The hidden sources of water intake

Daily water intake is not only what we drink. Beverages supply the largest share, but solid food contributes a substantial amount through its water content (fruit, vegetables, soups, and even bread carry water), and the body itself generates a small quantity of metabolic water as a byproduct of burning carbohydrate, fat, and protein for energy.

Adding these together explains why fluid needs are met by more than a fixed number of glasses of water, and why high-water foods meaningfully support hydration.

Where water leaves the body

On the output side, urine is usually the largest route, with the kidneys adjusting volume to keep blood concentration stable. Insensible losses through sweat and breath are continuous and rise with heat and exertion, and a smaller amount is lost in stool. Over a day, intake and output normally balance closely, regulated by thirst and by hormones such as ADH.

The figures shown are typical resting estimates and shift considerably with climate, activity, and illness. This is general educational information, not medical advice; conditions affecting the kidneys or heart can alter fluid balance and warrant a qualified professional's guidance.

Embed this diagram

Add this animated daily fluid balance 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 daily fluid balance for any website.
Who uses it
Nutrition blogs, Health blogs, Wellness sites, Dietitians & RDs.
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="fluid-balance-overview" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Daily Fluid Balance" for my website?
Scrollchart provides "Daily Fluid Balance" 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 daily fluid balance 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.