A single-file PHP nutrition website with collectible-style food cards, nutrient cards, a meal calculator, star map, ingredient proportions, and meal advice.
Scores are simple 1–100 guideposts for this demo, not medical advice.
Food scores reward protein, fiber, and nutrient density while reducing the score for high sugar, sodium, cholesterol, or heavy fat concentration.
Nutrient scores use a biological-importance scale based on survival necessity, deficiency impact, and safety range. Higher nutrient scores indicate nutrients that are more critical to maintain regularly.
Top-food recommendations use realistic serving sizes, so foods like herbs and spices are not overrated just because their per-100g nutrient density is high.
Hybrid nutrient icons combine a short code, a body-function emoji, and a category color: blue = macro, green = vitamin, purple = mineral, yellow = electrolyte, red = limit-style nutrient.
Type a food name or choose from the searchable list. Food names are stored as text, with emoji shown in the suggestion label.
Each point around the circle is one nutrient.
How to read this: This chart uses a logarithmic scale, which means very small nutrients (like vitamins in micrograms) and very large ones (like carbs in grams) are compressed so they can be compared visually. Distance from the center does not increase evenly — each step outward represents a larger jump than the last. The label shows the daily amount in grams, and the star shape is scaled by that gram amount.
Each food shows estimated nutrition per 100 grams.
Daily targets are general adult reference values for this demo, including macronutrients, vitamins, and minerals.