Content revision 4e771eaf0390cc87b6c7c6fd8469f3508f6ceeec7119472e6c1ccf17e2e1e5d2

## 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 to compare its scene definition with the rendered result, including the settings that control its data and appearance.