blockanimatiqdata-physicaldatavizphysicalizationtactile

Data Physicalization

Data Physicalization graphic kit: tell a NEW data story with real statistics built as real objects (lemo-opuscar engine, three.js, instanced plates, walnut dial, HDRI studio light, depth of field). The data is the story's input: put your numbers in a DialData (years, one or two series, unit, source), give a landing schedule, and defineStory({ dial, build(world) }) with cylindrical camera keys and the reading kit; play it with DialStage. One plate is one stated quantity, every tenth plate is brass, growth is assembly, the feed drops the last period piece by piece, a brass puck lands with the final number. Modules: dial (layout, unitFor, grid), camera (cameraTrack, applyCamera, fitWide), overlay (pairLabels, stackLabel, verdict, bracket, counter, pointer, source, endCard, subtitles), story, DialStage. Examples: Wind 2000-2011 (new, one series from real rows) and the ported Two Spirals film (takes its data as input). Loads 4 hosted files from assets.pixloop.ai/catalog/lemo/core. 16:9, 9:16, 1:1 at 30 fps. Audio is project-owned.

data-physical preview
Default duration
8.0s
Frame rate
30 fps
Engine
Remotion / React
Background
Transparent — composites over any scene

Use it

Ask the agent. It copies this component into your project and edits it there — nothing to install, and rendering happens in the cloud.

“Add the data-physical scene to my video and set its props to match my brand.”

Open in Studio

Customize in Studio

Adapt the content, styling, timing, and layout to fit your project.

Component settings

Adapted from the HyperFrames registry, © HeyGen, Apache 2.0.