Add an interactive visual to a slide

Add the visual to a slide

Ask your agent to follow the presentation format and put one HTML visual under the slide’s heading. Do not combine it with a built-in slide block in the same section. Keep speaking notes outside the HTML block.

Use data from the document

HTML blocks can read named data from the same document through Strata’s data-binding system. Name the source block, declare the visual’s bindings, and have the agent follow the interactive HTML reference. In Deck view, inspect Data bindings for unavailable inputs.

This is not a live connection to an arbitrary spreadsheet or database. A published page uses the data captured with that published edition; update the document and publish again when those values should change.

Ask for a visual you can verify

In this Strata presentation [document link], replace the Adoption slide with one HTML visual using the named adoption data in this document. Show the values and units, add a keyboard-accessible selector, and provide a readable static state for screenshots and static capture. Keep the notes outside the visual.

Check both the interactive and static result

Try the controls in the browser using a keyboard and at a narrow width. Use the deck’s browser and renderer checks to inspect slide issues. A screenshot or static capture cannot run the interaction, so make sure the visual shows useful content before any clicks.