Nutrition Playground Guide

Interactive Nutrition Swaps: How to Use the Nutrition Playground


The Nutrition Playground

Every recipe on this site has an interactive Nutrition Playground at the bottom of the page.

It lets you:

  • See the nutrition breakdown per serving
  • Toggle ingredients on and off
  • Watch how the nutrition changes in real-time

This isn’t about counting calories. It’s about understanding what’s in your food and making informed choices.


Where to Find It

On any recipe page, scroll down past the instructions. You’ll see a section called Nutrition Playground.

It includes:

  1. Per-serving summary (calories, protein, carbs, fat, fiber)
  2. Visual bar chart showing which ingredients contribute what
  3. Toggleable ingredient list

How to Use It

Basic Exploration

  1. Look at the bar chart. Each ingredient has a color. You can see at a glance which ingredients contribute most to each macro.

  2. Read the per-serving numbers. These are calculated based on the default recipe as written.

Toggling Ingredients

Each ingredient has a toggle switch.

ActionWhat Happens
Turn OFF an ingredientNutrition recalculates without it
Turn ON an ingredientNutrition includes it again

This lets you see:

  • What happens if you skip the cheese
  • How much protein comes from the legumes
  • Whether the olive oil is most of the fat

Understanding the Results

The playground shows per serving nutrition. If you’re eating more or less than one serving, adjust mentally.

The data comes from standard nutrition databases. Individual ingredients vary, so treat numbers as estimates, not medical-grade measurements.


Example: Greek Salad

The Greek Salad includes:

  • Tomatoes, cucumber, onion (vegetables)
  • Feta cheese (dairy)
  • Kalamata olives (fat, sodium)
  • Extra virgin olive oil (fat)
  • Oregano, salt, pepper

Exploration ideas:

ToggleWhat You Learn
Turn off fetaFat and sodium drop significantly
Turn off olive oilFat drops, but you lose the heart-healthy fats
Turn off olivesSodium drops
Turn off all veggiesThe “salad” is mostly fat from cheese, olives, oil

This isn’t about removing ingredients—it’s about seeing the proportions.


Why This Matters

Most people have no idea where their calories come from.

The playground makes it visual and intuitive:

  • Fat isn’t just “fat” — it’s olive oil, cheese, or nuts, each with different context.
  • Protein sources are visible — is it from legumes, dairy, or meat?
  • Carbs are trackable — are they from vegetables, grains, or added sugars?

Understanding this helps you make intentional choices without obsessing.


What the Playground Is NOT

Not a Diet Tool

This isn’t for calorie restriction or macro tracking. It’s educational.

If you find yourself anxiously toggling to minimize calories, step back. That’s not the point.

Not Medical Advice

The numbers are estimates. They don’t account for:

  • Your individual ingredient brands
  • Exact portion sizes
  • Your personal health needs

For medical nutrition advice, consult a registered dietitian.

Not a Guilt Machine

Seeing that your pasta has 400 calories shouldn’t make you feel bad about eating it.

Context matters. 400 calories of homemade pasta with vegetables is a reasonable meal. Use the playground to understand, not judge.


Pro Tips

  1. Compare protein sources. Toggle between recipes to see how legumes, fish, and eggs stack up.

  2. Notice where fiber comes from. Vegetables and legumes carry the fiber; refined grains don’t.

  3. Watch the fat sources. Mediterranean fat is predominantly olive oil—healthy and intentional.

  4. Use it for substitutions. Wondering if swapping feta for goat cheese changes much? Toggle and see.


Next Steps