feat: add charts

[brc-dd]

Variants:

• Bar Chart - Horizontal

  

• Pie Chart

  

• Donut/Pie Chart - Half

  

• Donut/Pie Chart - With Labels

  

• Donut/Pie Chart - With Active Slice

  

• Light mode

  

Story

Notes:

• svg margins have sensible defaults wherever possible, but it might need bit of hit-and-trial when using the components depending on the content
• in pie chart, enabling both legend and labels at same time is not supported and there might be some content overlap

[netlify]

✅ Deploy Preview for sefirot-story ready!

Name	Link
🔨 Latest commit	c6b0953
🔍 Latest deploy log	https://app.netlify.com/sites/sefirot-story/deploys/67d1daaaa26522000868d2f1
😎 Deploy Preview	https://deploy-preview-589--sefirot-story.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for sefirot-docs ready!

Name	Link
🔨 Latest commit	c6b0953
🔍 Latest deploy log	https://app.netlify.com/sites/sefirot-docs/deploys/67d1daaae42ece00089f2f32
😎 Deploy Preview	https://deploy-preview-589--sefirot-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[kiaking]

@brc-dd
Very impressive! Really cool. Can we add these options?

• Control thickness of the bar, both bar and donut.
• Add option to control font size of label and legends.
  • Including tick values in bar char like 2022, 2023, 2024, etc
  • So that we can have smaller font size when chart is small
• Maybe change :mode prop to :type or :variant? Because in Sefirot, mode usually refers to color style in other components 👀 I think we don't need to change :colors to :mode since :colors actually take multiple colors. If we were to add :mode, maybe it would be something like mode="monochrome" kinda thing 🤔
• Maybe set Pie chart border radius to 0?

Other than this, it looks very very good. After this, let me adjust a tiny bit on stylings like tooltip padding, default thickness of the bar by talking to Keity how he wants it to be.