Climb Sections

can stretch to convey different climb heights

Climb Sections marked with Bars

• Bars
• Input to Bars
• Input to JSON

Climb Steepness

include a human to show steepness

can stretch to convey different climb heights

example rendering at different aspect ratios

scaling to convey smaller differences (moving flagpole right and left?)

put below each climb on a wall (routes, where there are many vertical climbs)

stretch next to a climb

Photo Overlay

Photo Overlay with a Static Svg

• Static Svg
• Static Svg with Styling
• Toggle Layers with CSS
• Loading Image Size in the Browser

Photo Overlay with an Extensible Svg

• Basic

Show Climb Names on Mouseover with CSS

Show Climb Names on Mouseover with JS

Photo Overlay Editor

• Edit a Climb
• Edit an Area
• Edit a Database