Add colored SCA-style flavor wheel to cupping; colorize the radar chart

- New flavor-wheel.js: two-ring sunburst (families inner, descriptors outer) in SCA hue families; tapping a wedge toggles the same flavor tag as the checkbox list; selections render bold with a dark outline; respects the tag limit; labels drawn above all wedges so long names never clip (screenshot-verified in headless Chromium) - Cupping radar: one hue per attribute on labels + vertex dots Co-Authored-By: Claude Fable 5 <[email protected]>
2026-08-09 10:11:31 -04:00
parent 2e1b8d24f9
commit ec078116b4
4 changed files with 187 additions and 2 deletions
@@ -177,6 +177,13 @@
                  <p class="field-note hidden" id="flavor-limit-note">
                    32-tag limit reached.
                  </p>
+                  <div class="flavor-wheel-wrap">
+                    <svg
+                      id="flavor-wheel"
+                      role="group"
+                      aria-label="Flavor wheel — tap a wedge to add or remove a flavor"
+                    ></svg>
+                  </div>
                  <div id="flavor-families"></div>
                </div>
              </section>