todo.md

• Add the Odonograph

• Add Features like dental notation

• add multiple select

• Optimize svg

• Dental Notions

• Add Multi-select support

• Add Tooltip support

• Add Form support

Reference

https://www.a11y-collective.com/blog/svg-accessibility/

https://fizz.studio/blog/reliable-valid-svg-accessibility/

New Color:

• yellowing -

  • fill - #ffeebe
  • color - #ffb10a

• bleeding -

  • fill - #FFC4C4
  • color - #A50000

• fracture: fill: #e3e3e3 color: #4A4A4A

• sensitivity: fill: #c0e5f9 color: #0077A3

• plaque: fill: #fbd5b7 color: #682d00

  ---

1. Teal (Plaque / Hygiene-related) --dark-teal: #1f6f6b; --base-teal: #6fa7a3; --light-teal: #cbe5e3;

2. Green (Healthy / Mild issues) --dark-green: #2f6b3f; --base-green: #7fb48d; --light-green: #d5eadb;

3. Yellow (Discoloration / Early warning) --dark-yellow: #b38b00; --base-yellow: #e0c15a; --light-yellow: #f5ebc7;

4. Orange (Inflammation / Moderate risk) --dark-orange: #c45a1a; --base-orange: #e29b6c; --light-orange: #f7d9c6;

5. Red (Bleeding / Severe conditions) --dark-red: #9f2f2f; --base-red: #d27a7a; --light-red: #f2cccc;

6. Purple (Suppuration / Infection) --dark-purple: #5a3a7a; --base-purple: #9c84b6; --light-purple: #e2d9ef;

7. Brown (Calculus / Tartar) --dark-brown: #6b4a2d; --base-brown: #a98a6d; --light-brown: #e6d9cc;

8. Gray (Missing / Non-vital / Neutral) --dark-gray: #4b4f5a; --base-gray: #8c90a0; --light-gray: #d7dae3;

9. Pink (Gum sensitivity / Mild bleeding) --dark-pink: #b04b6f; --base-pink: #d48fa8; --light-pink: #f3d6df;

10. Cyan (Monitoring / AI-detected anomaly) --dark-cyan: #256b8a; --base-cyan: #7fb2cc; --light-cyan: #d6ecf5;

Medical References

Symbols