HomeSociety & EconomicsThe Shape of a Story: Freytag's Dramatic Arc

The Shape of a Story: Freytag's Dramatic Arc

Interactive 3D model of Freytag's Pyramid: shape a story's tension curve by climax position, conflict intensity and number of complications, then watch a reader marker travel the arc from exposition to resolution with live tension readouts.

Society & Economics3DEasy60 FPS📱 Mobile-adapted⇄ 2D version
literature ↗ Open standalone

Every story has a shape — tension that rises through complications toward a climax, then falls to resolution. This simulator renders that shape as a real 3D ribbon built from Gustav Freytag's Pyramid: an asymmetric rising-then-falling tension curve you shape yourself by dragging the climax's position, the peak conflict intensity, and the number of rising-action complications. An amber reader marker travels the ribbon at a pace you control, naming the current act (Exposition, Rising Action, Climax, Falling Action, Resolution) and reporting live tension and narrative velocity as it goes — turning an abstract literary-theory diagram into something you can watch move.

⚙ Under the hood

Shape a story's tension curve with Freytag's Pyramid — set the climax position, conflict intensity and number of complications, then follow a reader marker along the 3D arc from exposition to resolution with live tension and pacing readouts.

literaturenarrative-theorystorytellingfreytags-pyramidplot-structure

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)