Boilerplate for developing D3-based data visualization. You can reactively re-render both d3 visualization component and template based html component leveraging the power of @preact/signals and lit-html. No-more virtual DOM and enjoy D3 :)
Demo with Scatterplot Tour Visualization
- Vite for bundling
- D3 for visualization component
- Strictly typed with TypeScript
- DOM manipulation with lit-html template engine
- Design with TailwindCSS and DaisyUI
- Reactive stores and rendering using Preact Signals
# Install dependencies
npm install
# Run development server
npm run dev
# Build
npm run build
# Deploy via gh-pages (You must build your app first)
npm run deploy
I re-implement Scatter plot tour component with Typescript