Skip to content
Nutrition Medium #nova#ultra-processed#upf

NOVA Food Processing Spectrum

Group 1: unprocessed. Group 2: culinary ingredients. Group 3: processed. Group 4: ultra-processed. Risk rises sharply at group 4.

A free, animated nova food processing spectrum you can read here or embed on any website, from Scrollchart.

NOVA Food Processing Spectrum

NOVA Food Processing SpectrumAll-cause mortality hazard ratio rises sharply at Group 4; Groups 1-3 are near-equivalent (Rico-Campa 2019, BMJ)

A four-tier classification with example foods at each level. Mortality and metabolic-disease hazard ratios overlay each tier, with the steep risk inflection at the ultra-processed boundary highlighted.

Good for

  • Articles on ultra-processed food
  • Whole-food-vs-processed educational content
  • Public-health nutrition policy pieces

Source & accuracy

This nova food processing spectrum 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 four NOVA groups and where they divide

The NOVA system classifies foods by the extent and purpose of processing rather than by nutrients. Group 1 is unprocessed or minimally processed foods (fresh fruit, plain grains, eggs). Group 2 is processed culinary ingredients (oils, butter, sugar, salt) used to prepare other foods. Group 3 is processed foods made by adding group 2 ingredients to group 1 foods (canned vegetables, cheese, fresh bread). Group 4 is ultra-processed foods built largely from industrial formulations and additives.

The classification is about how a food is made, not a simple verdict on nutrients, which is why two foods with similar labels can fall in different groups.

What associations with group 4 do and do not prove

Observational studies have linked higher intake of group 4 ultra-processed foods with several poor health outcomes, and this is an active research area. These are associations from population data, however, and do not by themselves establish that processing is the cause, since ultra-processed foods also tend to be energy-dense, salty, and easy to overeat.

This is general educational information, not medical or dietary advice. The framework is a useful lens, not a precise risk calculator for any individual; specific dietary concerns should be discussed with a qualified professional.

Embed this diagram

Add this animated nova food processing spectrum 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 nova food processing spectrum for any website.
Who uses it
Nutrition blogs, Health blogs, Diet blogs, Wellness sites.
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="food-processing-spectrum" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "NOVA Food Processing Spectrum" for my website?
Scrollchart provides "NOVA Food Processing Spectrum" 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 nova food processing spectrum 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.