Viewing a saved revision (read-only)
f1fe90f73145492b951c5ada8d4f63a0
Interactive Flower Timeline – Wedding Photography Market Growth 2
An interactive D3.js timeline visualizing the projected growth of the Asia Pacific wedding photography market from 2021 to 2034. Each year is represented by a vertical line topped with a colorful camera shutter icon, where the icon's size corresponds to the market value in USD billions. Users can click any year to display its specific value and year-over-year growth percentage in a detail panel. The visualization uses D3 scales (scaleLinear, scaleSqrt), SVG rendering, and React state management to handle interactions and responsive container sizing via ResizeObserver.
AI-generated descriptionMarket Growth Flower Visualization
An interactive D3.js data visualization inspired by the OECD Better Life Index flower metaphor, adapted to show market growth from 2021 to 2034.
Features
- Flower Petal Design: Each year is represented as a petal extending from the center
- Dynamic Scaling: Petal length represents market value (USD Billions)
- Interactive Selection: Click any petal to view detailed information
- Hover Effects: Enhanced visual feedback on petal hover
- Responsive Design: Adapts to different screen sizes
- Smooth Animations: Transitions between states with ease
Data
Market values from 2021-2034 with exponential growth curve:
- 2021: $6.68B → 2034: $52.04B
Usage
- Open
index.htmlin a browser - Click on any petal to select that year
- View detailed market value in the info panel
- Hover over petals for visual emphasis
Technologies
- React 19
- D3.js 7
- Modern CSS with animations