Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Flower Timeline – Wedding Photography Market Growth

Public visualization

Viewing a saved revision (read-only)

fcca78da63324b19841aa575a6133938

Interactive Flower Timeline – Wedding Photography Market Growth

0 stars1🌍 Public
Uudjeffrey.jay@gmail.com
Last edited Jan 27, 2026
Created on Jan 27, 2026

An interactive flower timeline visualizes the projected growth of the wedding photography market from 2021 to 2034. Each year is represented by a multi-layered flower glyph whose vertical position and size encode market value in USD billions, connected by a smooth monotone curve to show the upward trajectory. Built with React and D3.js (v7), the visualization uses `scaleLinear` for axes, `line` with `curveMonotoneX` for the growth curve, and SVG paths for the petal glyphs. Hovering a flower reveals a tooltip with market size and growth percentage, while clicking pins the selection; a staggered animation reveals the line and flowers from left to right on initial render.

AI-generated description

Wedding Photography Market Growth Visualization

An interactive D3.js data visualization inspired by the OECD Better Life Index flower metaphor, adapted to show market growth over time.

Features

  • Flower Glyphs: Each year is represented by a beautiful flower glyph
  • Growth Curve: Flowers are connected by a smooth upward line showing market growth
  • Interactive Tooltips: Click or hover on any flower to see detailed information
  • Animated Entry: Line and flowers animate in from left to right on load
  • Responsive Design: Adapts to different screen sizes

Data

The visualization shows the Wedding Photography Market growth from 2021 to 2034:

  • Starting value (2021): $6.68 Billion
  • Projected value (2034): $52.04 Billion

Visual Encoding

  • Vertical Position: Represents market size (USD Billion)
  • Horizontal Position: Follows time axis from 2021 → 2034
  • Flower Size: Scales slightly with market value
  • Color: Soft teal/cyan gradient for growth theme

Technologies

  • React 19
  • D3.js v7
  • Modern CSS with gradients and transitions