食物营养天梯 · 可交互工具 V1.21

语言 / LANGUAGE

食物营养天梯 看结构，更要会选择

数据概览

20 种食物 0 个卡通图标 · 已匹配 0 4 个代谢维度

食物库

正在载入日常常用库 · 135 种…

数据

图表导出

图片与说明

血压按每100克钠/钾绝对分级，其余指标为同批数据内的相对负担；仅用于筛选与可视化，不是疾病诊断或个体化验预测。

食物营养天梯

全库添加3,563 种

图内筛选显示 0 种

100%

圈

数据工作台 23 条

导入后即时重绘；平台统一使用离线卡通图，按“食物专属形态与状态 → 类别通用”规则匹配。

准备匹配图片…

图片	食物	类别	千卡	蛋白质 g	脂肪 g	碳水 g	膳食纤维 g	份量 g	升糖指数	血糖负荷/份	饱和脂肪 g	钠 mg	钾 mg	代谢数据	图片状态	操作

套餐 / 菜品评估器

套餐 / 菜名

共几人份

已保存套餐

套餐评估信息随下方食材与克数实时更新

菜品评估器

拖到这里添加；每行可改份数、克数或拖动滑条。

🍗

等待联网图片把图片拖进来即可设为这道食物的配图

炸鸡排

Fried chicken cutlet

混合加工

平台统一使用食物专属卡通图；按食材、部位、加工形态与烹调状态细分。

22.0g蛋白质 /100g

0.8g纤维 /100g

17.0g脂肪 /100g

14.0g碳水 /100g

代谢评分为公式估算 数据完整度 —

我的健康关注改变代谢图风险高亮与叠放

🩸 控血糖血糖负荷 🫀 低密度脂蛋白偏高饱和/反式脂肪 🧪 甘油三酯偏高血糖负荷/糖/酒精 💧 血压管理钠/钾

4 项均已启用　风险圈按低／中／高分级：绿色较低，黄色中等，红色较高。

目标天梯权重 0–5

高蛋白3 高纤维3 低碳水2 低脂肪2

原型边界： 三张图统一按每100克比较，卡通食物图始终显示，名称文字可在图表工具栏开关。血压负担按每100克钠含量的绝对分级计算，钾仅作有限保护性抵扣；其余代谢指标仍是同一批导入食物中的相对筛选代理。它们用于筛选和可视化，不是疾病诊断、治疗结论，也不能替代个体餐后血糖、用药、肾功能、总饮食结构和医生建议。GI/GL 已覆盖全库，但只有原库值、公开食物编码或国际表匹配属于参考数据；食物家族和类别补值均会标为估算并显示置信度，不能当作实测餐后血糖。

① 营养三角：为什么能放下炸鸡排和榴莲

三角形只处理三种可以转换成热量占比的宏量营养素。纤维另设视觉通道，不与三者争夺坐标。

可利用碳水 = available_carb_g_100g（若有）
否则 = max(总碳水 − 膳食纤维, 0)
E蛋白 = 蛋白质g × 4
E碳水 = 可利用碳水g × 4
E脂肪 = 脂肪g × 9
三项供能合计不足 1 千卡/100克时 = 三角中心
否则三项占比 = 各自能量 ÷ 三项能量总和
二维位置 = 三项占比对三个顶点的加权平均

食物点心 = 离线卡通图；外圈半径 = 每100克热量；外圈颜色按每100克膳食纤维从红色连续过渡到黄色、绿色。

② 目标天梯：不是永久健康分

每个指标先按当前导入数据做百分位归一化，再按用户权重组合。

收益 Y = (w蛋白·Pctl(蛋白) + w纤维·Pctl(纤维)) ÷ (w蛋白+w纤维)
负担 X = (w碳水·Pctl(碳水) + w脂肪·Pctl(脂肪)) ÷ (w碳水+w脂肪)
目标距离 D = √(X² + (1−Y)²)
演示分 = 100 × (1 − D/√2)

左上角只代表“更符合当前权重目标”，不等于绝对更健康。

③ 代谢四维：可解释的相对负担

血糖负荷指数 = Pctl(每标准份血糖负荷)
低密度脂蛋白负担 = 0.65·Pctl(饱和脂肪/份) + 0.35·Pctl(反式脂肪/份)
甘油三酯负担 = 0.55·血糖负荷指数 + 0.30·Pctl(添加糖/份) + 0.15·Pctl(酒精/份)
血压 B（每100g）=
  钠基础负担：0–120mg 映射至低档，120–600mg 映射至中档，超过600mg 进入高档
  − 0.15·min(钾 ÷ 940mg, 1)
  最终限制在 0–1；低钾不会额外加罚
综合负担 = 已勾选健康目标中“有数据”的指数平均
若 CSV 提供 glycemic_score / ldl_score / tg_score / bp_score（0–100），对应导入评分优先

横轴和纵轴可在四项代谢指标之间互换；默认使用覆盖完整的“低密度脂蛋白负担 × 血压负担”。血压的钠阈值采用每100克绝对口径：120mg 及以下为低钠区，600mg 以上为高钠区；钾只降低一小部分负担，不会把“低钾”当成一种额外危害。每个坐标选项会显示数据覆盖率；选择覆盖不足的血糖负荷时，图内会明确显示已绘制数与未知数。缺失字段不会按 0 处理，而会降低完整度、显示“—”或不参与该坐标绘制。这些权重是透明、可替换的产品原型参数，并非临床预测模型。胰岛素抵抗属于用户的身体状态，应进入个人健康档案和筛选条件，而不是伪装成某种食物固有分数。

④ 统一卡通图片匹配

平台已切换为纯卡通模式，不加载、探测或显示真实照片。图片匹配先看具体食物形态，再按类别兜底。

匹配优先级（自动执行）：
1. CSV 的 cartoon_key / cartoon_url
2. 归一化后的中文名、英文名与别名
3. 食物专属卡通图（食材 × 部位／形态 × 烹调状态）
4. 食物类别通用卡通图

苹果、苹果酱、苹果汁、苹果干分别匹配；鸡肉进一步区分鸡胸、鸡翅、鸡腿以及生、烤、炸、炖等状态。只有缺少专属形态时才使用类别通用图。

CSV 最小必填列

name_zh, name_en, category, kcal_100g, protein_g_100g, fat_g_100g, carb_g_100g, fiber_g_100g, serving_g

available_carb_g_100g 可选；若填写则优先作为可利用碳水，否则按“总碳水−纤维”估算。代谢地图建议提供 gi、saturated_fat_g_100g、trans_fat_g_100g、added_sugar_g_100g、sodium_mg_100g、potassium_mg_100g、alcohol_g_100g。glycemic_score、ldl_score、tg_score、bp_score 可覆盖公式估算。卡通包相关可提供 cartoon_key、cartoon_url、aliases；真实图片字段在纯卡通模式下不会参与显示。

卡通资源包与部署提示

离线卡通包放在 assets/cartoon/，由 cartoon-manifest.js 管理食物专属图、别名和类别兜底图。
新增图标同时提供 96×96 WebP 与 128×128 PNG；图表默认在 22px 下显示，因此优先保证轮廓与形态可辨。
食物形态优先于单一配料关键词：例如鸡肉粥使用粥图，鸡肉烤串使用烤串图，苹果酱使用果泥碗图。
血糖负荷计算：升糖指数 × 一份可利用碳水 ÷ 100；套餐中的血糖负荷按各食材实际重量相加。
盐折算：钠（克）× 2.5；套餐评估器同时显示钠毫克和盐折算克数。

数据工作台 23 条

套餐 / 菜品评估器

候选食物画布

菜品评估器