Add Radar Chart Visualization for Core Nutrients vs Daily Reference Intakes

[Pankajyadav919]

###Problem

Nutrition data is currently shown only in text/table form. There is no quick visual way to understand how heavy a product is in key nutrients.
Also, the Open Food Facts API does not provide category average macros, and calculating them dynamically would be slow and inefficient.

###Proposed solution

Add a Radar Chart component using vega-lite that compares key nutrients (per 100g) against Recommended Daily Maximums:
Fat – 70g
Saturated Fat – 20g
Sugars – 90g
Salt – 6g
The chart will show what percentage of the daily limit 100g of the product consumes.

###Additional context
Using daily reference values ensures:
Consistent comparison baseline
High performance
No additional API overhead
Clear, user-centered insight

###Design & mockups

Create RadarChart.svelte
Show 4 axes (Fat, Saturated Fat, Sugars, Salt)
Display percentage values with tooltips
Add note: “Based on 100g and 2000 kcal daily intake.”

[VaiTon]

Hey!

against Recommended Daily Maximums

Recommended by who?

[bobcorn]

Recommended by who?

I get the concern.

“Recommended daily maximums” can mean very different things depending on where you live, and even the definitions don’t always match. Salt is fairly straightforward, but sugars are a mess worldwide because guidance often talks about added sugars while labels usually report total sugars.

So unless we’re super clear about what the baseline is and who it comes from, it’s easy for this to feel arbitrary or misleading on a global product.