ui icon indicating copy to clipboard operation
ui copied to clipboard

[FEATURE REQUEST] Charts (react-charts)?

Open t3ntxcl3s opened this issue 2 years ago • 12 comments

It would be awesome to have some kind of charts in shadcn style to copy and paste. Just like data-tables were made with library from tanstack (react-charts)

t3ntxcl3s avatar Jul 11 '23 10:07 t3ntxcl3s

shadcn-charts ?

evanlong-me avatar Jul 11 '23 14:07 evanlong-me

@philosofonusus have a look at tremor.so they have really nice chart components and its theme matches pretty well with shadcn/ui :)

https://www.tremor.so/components

stefan-karger avatar Jul 28 '23 09:07 stefan-karger

@philosofonusus have a look at tremor.so they have really nice chart components and its theme matches pretty well with shadcn/ui :)

https://www.tremor.so/components

It doesn't look like a good match, especially the style, and secondly it's a completely different ui component from shadcn/ui 🤣

evanlong-me avatar Jul 28 '23 10:07 evanlong-me

Actually, I find tremor platform quite interesting 🤓

evanlong-me avatar Jul 28 '23 10:07 evanlong-me

up

yukebrillianth avatar Oct 21 '23 21:10 yukebrillianth

During installation, it overrides my tailwind config file that has shadcn presets by default. How to fix this?

aymanechaaba1 avatar Oct 23 '23 12:10 aymanechaaba1

During installation, it overrides my tailwind config file that has shadcn presets by default. How to fix this?

Same issue here!

samueltuyizere avatar Oct 24 '23 14:10 samueltuyizere

@samueltuyizere split window and try to merge the two config files (from tremor file to the original file). This is how it worked for me. Let me know if you fixed it. 😉

aymanechaaba1 avatar Oct 24 '23 21:10 aymanechaaba1

I will try again tomorrow and revert.

samueltuyizere avatar Nov 10 '23 18:11 samueltuyizere

I will try again tomorrow and revert.

@samueltuyizere Did you succeed? Hoping for some guidance.

MondayCha avatar Nov 19 '23 10:11 MondayCha

Just wanted to note that the ShadCN website theme page actually contains some charts: image

It looks like it's done using rechart: https://github.com/shadcn-ui/ui/blob/6b523b60db268e20c1793a26db8d92782d845538/apps/www/registry/default/example/cards/stats.tsx

You could probably copy over these chart components to your own project. Would love to see charts actually implemented in the ShadCN library though!

KaiPereira avatar Jan 01 '24 00:01 KaiPereira

I will try again tomorrow and revert.

@samueltuyizere Did you succeed? Hoping for some guidance.

Hey @MondayCha , I am sorry but I didn't get a chance to look into this again. I was working on a hobby project and just dropped Shadcn from it after struggling with that issue.

samueltuyizere avatar Mar 08 '24 03:03 samueltuyizere

@philosofonusus have a look at tremor.so they have really nice chart components and its theme matches pretty well with shadcn/ui :)

https://www.tremor.so/components

Ok, I can see that you haven't tested this combination

edu-amr avatar May 01 '24 17:05 edu-amr

This is copy-paste: https://raw.tremor.so/docs/getting-started/installation

sahmed007 avatar May 23 '24 18:05 sahmed007

This issue has been automatically closed because it received no activity for a while. If you think it was closed by accident, please leave a comment. Thank you.

shadcn avatar Jun 20 '24 23:06 shadcn