agent-skills/sn-infographic/references/layouts/wave-path.md

wave-path

A gentle wave path, horizontal or vertical, connects content nodes.

Structure

• Content nodes arranged along a sinusoidal wave
• Gentler and more rhythmic than an S-curve
• Can be horizontal (left-to-right) or vertical (top-to-bottom)
• Nodes alternate above and below the wave centerline

Best For

• Rhythmic or cyclical processes
• Content with a natural ebb and flow
• Timeline alternatives with visual interest
• Processes with recurring patterns

Visual Elements

• Smooth wave line connecting nodes
• Nodes at wave peaks and troughs
• Optional fill between wave and baseline
• Consistent node styling

Text Placement

• Labels at each node
• Title at the start of the wave
• Conclusion at the end

Recommended Pairings

• crayon-hand-drawn: Organic hand-drawn waves
• storybook-watercolor: Flowing illustrated paths
• corporate-memphis: Smooth business process waves