search

huntabyte / shadcn-svelte

shadcn/ui, but for Svelte. ✨
https://shadcn-svelte.com
MIT License
4.54k stars 290 forks source link

Support for Charts #1175

Open sorasful opened 3 weeks ago

sorasful commented 3 weeks ago

Describe the feature

Just recently, Shacdn official has launched Charts : https://ui.shadcn.com/docs/components/chart

I was thinking we can keep this issue open to track when this'll be implemented. I'm not sure about the way the components are translated from Shacdn official to Svelte. Let me know if I can help.

huntabyte commented 3 weeks ago

I'm in contact with @techniq about how we can integrate layerchart in a composable way similar to the original with recharts.

It appears this issue will get us most of the way there: https://github.com/techniq/layerchart/issues/223

techniq commented 3 weeks ago

tom-hanks-hello-gif

0x090909 commented 3 weeks ago

UP UP UP Lets do it

techniq commented 3 weeks ago

Btw, using LayerChart with shadcn-svelte is already possible. See the integration issue (which will make it to the docs soon) as well as a simple example project. Mostly the integration is just mapping tailwind design tokens/colors (surface-* and primary) but everything can be overwritten, the tokens just streamline conventions.

Simplified Chart components is to simplify common use cases like AreaChart, BarChart, etc, but you can always leverage the full components and chart types within LayerChart (start with Chart, etc). These simplified chart components will also simplify non-shadcn svelte usage as well especially for data exploration, so it's a win-win.

Not sure when I'll get started on the effort, but I have a good idea of the approach and shouldn't take long, and we can continue to iterate.

0x090909 commented 3 weeks ago

@techniq @huntabyte we want the templates that shadcn have on their page, they make the whole process 100x easier

techniq commented 3 weeks ago

@0x090909 speaking for @huntabyte, but the docs integration will be coming. Mostly exposing the same examples in LayerChart but with shadcn-svelte copy/paste.

ddtamn commented 2 weeks ago

Lets go, i will integrate with my app🙌

masayahingpuno commented 2 weeks ago

LFG!!!

julien-blanchon commented 1 week ago

I just want to give love ❤️

itsmikesharescode commented 5 days ago

any update with this ??

0x090909 commented 5 days ago

updates?

0x090909 commented 4 days ago

is there any possibility these charts will be realease in the near future? or we should use another chart library ?

let us know

0x090909 commented 1 hour ago

updates?=