Content revision ea31a3343577b30cee4337cf2fef2b0864a5741341f27598e9108766c486fb2d

## Defining scenes with reusable D3 renderers

Scrollytelling Engine
Source ID scrollytelling:describe-a-scene-once-then-let-the-engine-build-it
Original https://www.henryw.me/#/scrollytelling#describe-a-scene-once-then-let-the-engine-build-it

Each scene describes its text, figure type, and rendering settings in a data object with a shared schema. A renderer registry connects that figure type to the appropriate D3 builder, which draws and animates the visual using the supplied data. Adding a new line-chart scene, for example, means supplying another set of content and settings to the existing line-chart builder. The explorer below uses the same builders as the full deck. Choose a figure, then open its scene definition to see how the data and display settings produce the result. 03 Consistency