techniq / layerchart

Composable Svelte chart components to build a wide range of visualizations
https://www.layerchart.com
MIT License
588 stars 11 forks source link

Integration examples #150

Open techniq opened 5 months ago

techniq commented 5 months ago

As LayerChart continues to grow and be used by more developers in new and existing projects, I would love to track a list of open source projects (or even closed but have developer who could be used as reference) of various combinations of component frameworks (Svelte UX, Skeleton, shadcn-svelte, Daisy UI, ...) and other factors (Tailwind only, Unocss, vanilla classes, SvelteKit, Vite-only, Svelte-only), etc.

This will prove immensely valuable for new developers coming to the project, as well as providing support by having reference implementations. These will translate to improved documentation around those use cases as well, and identify integrations to improve.

I would love for everyone to leave a comment with their stack and any notes you would love to pass on to other developers (mapping CSS variables/themes between frameworks, etc).

Here is a start (and I will edit and consolidate comments here):

Project / URL UI components CSS
Github Analysis Svelte UX Tailwind
Strava Analysis Svelte UX Tailwind
layerchart-shadcn-svelte example shadcn-svelte Tailwind

(Note: I have some projects that are Svelte UX only, such as peerjs scoreboard (for cornhole) and a few smaller projects so I might do something similar within Svelte UX, although there is less variability from that perspective.

techniq commented 3 months ago

I've created a simple layerchart-shadcn-svelte project as reference.