The core idea behind the implementation is to use the respective strengths of both D3 and Svelte to build Themable, Composable, Animated, Responsive, Accessible, and Reactive Data Visualization components.
- D3 makes working with SVG a breeze. It provides a large set of utility functions for graph visualization that includes the computation of scales, interpolation, shapes, and more.
- Svelte makes UI development fun again. It provides modularization, interactivity, reactivity, and responsiveness.
This component library borrows concepts from the following articles, products, and repositories.
- Introduction to Accessible Contrast and Color for Data Visualization by Frank Elavsky
- Animated, Responsive, and Reactive Data Visualization with Svelte
- Barchart Race using Svelte & D3 by Amelia Wattenberger & Russell Goldenberg
- The D3.js Graph Gallery
- DC.js is an awesome implementation of interactive animated charts using D3.
Get started quickly using degit.
degit jerrythomas/sparsh-ui/sites/playground my-app
- [x] Fill patterns
- [x] Symbols
- [x] Colors
- [ ] Themes
- [x] Box
- [ ] Violin
- [x] Scatter
- [ ] Line
- [ ] Histogram
- [ ] StackedBar
- [ ] Funnel
- [x] Axis
- [x] Labels
- [x] Grid
- [x] Ticks
- [ ] Margins
- [ ] Legend
- [ ] Composable
- [ ] Facet Grid
- [ ] Combine multiple plots
- [ ] Animation
- [ ] Time lapse
- [ ] Sliding window
- [ ] Rolling window