How kumasura/florist works
Florist is a browser-based visualization studio starter. A visitor opens the home page, launches the studio, and adjusts chart type, segment, and intensity controls; the studio filters and scales sample data and renders an interactive SVG with hover insights. The graph separates the app shell, studio workflow, and sample data. The chart behavior is implemented within the studio component; no separate persistence or external service is shown.
Main entry points: VisualizationStudio.tsx Studio controls · layout.tsx Root layout · page.tsx Home page · sampleData.ts Sample dataset
Components 6
App shell
- Root layout
app/layout.tsx - Home page
app/page.tsx
Visualization studio
- Studio controls
components/VisualizationStudio.tsx - SVG visualization
components/VisualizationStudio.tsx
Sample data
- Sample dataset
lib/sampleData.ts
Other components
- Visitor
Connections 5
- Visitor → Root layout: opens app
README.md - Root layout → Home page: renders page
app/layout.tsx - Home page → Studio controls: renders studio
app/page.tsx - Studio controls → Sample dataset: filters and scales
components/VisualizationStudio.tsx - Studio controls → SVG visualization: drives rendering
components/VisualizationStudio.tsx