☕ 咖啡风味轮

交互式 SCA 咖啡风味轮：悬停高亮同族风味、点击锁定详情、追溯完整风味路径。风味数据内嵌于页面代码，纯前端渲染，零依赖、无需联网。

将鼠标悬停在风味区域上

从中心向外探索：先感知大类（花香、水果等），再逐步细化到具体风味。悬停高亮同族风味，点击锁定选择，点击中心圆或空白处取消。

💡 悬停高亮同族风味 · 点击锁定详情 · 点击中心圆取消

📝 使用说明

操作	说明
悬停	高亮同族风味（当前节点 + 其祖先 + 所有后代），其余区域淡化
点击	锁定当前选择，信息面板显示完整风味路径与描述
再次点击	解锁当前选择
点击中心圆 / 空白处	取消锁定，恢复全量显示

🧭 探索逻辑

风味轮为同心圆结构：中心为「风味」，向外依次为大类（花香、水果、糖类/焦糖…）→ 子类（浆果、干果、柑橘…）→ 具体风味（草莓、柠檬、葡萄干…）
遵循 SCA（精品咖啡协会）风味轮的认知逻辑：先整体后细节，从大类逐步细化到具体风味
大类色系与图例一一对应，帮助快速定位

风味数据内嵌于页面（基于 SCA Coffee Taster's Flavor Wheel 精简结构），纯前端 SVG 渲染，无外部请求、不存储任何用户数据。

Backlinks (1)

Tools

flowchart LR
  n0["Coffee Flavor Wheel"]
  n1["Fitness Counter"]
  n2["Tools"]
  n3["Med Tracker"]
  n4["Ramen Timer"]
  n2 --> n0
  n2 --> n1
  n2 --> n3
  n2 --> n4
  click n0 "./" "Coffee Flavor Wheel"
  click n1 "../fitness/" "Fitness Counter"
  click n2 "../" "Tools"
  click n3 "../med-tracker/" "Med Tracker"
  click n4 "../ramen-timer/" "Ramen Timer"