Book a DemoEmbed Reference
Permanent reference implementations for every Timepath embed supported in production. Use these examples to validate Timepath integrations in your CMS, website or publishing platform.
Each page below renders a permanent Timepath fixture through the real production integration — the actual iframe, or the actual Script bundle mounted into the page — beside the exact code that produced it. The URLs are stable and the fixtures are maintained, so they are safe to point a regression suite at.
All 10 Timepath products embed as an iFrame. 6 of them also ship a Script renderer, which mounts the experience into your own DOM instead of a frame. A dash means the combination is not supported in production today.
| Product | iFrame | Script |
|---|---|---|
| Timeline | View example — Timeline, iFrame | View example — Timeline, Script |
| Liveblog | View example — Liveblog, iFrame | View example — Liveblog, Script |
| Collection | View example — Collection, iFrame | View example — Collection, Script |
| Quiz | View example — Quiz, iFrame | View example — Quiz, Script |
| Poll | View example — Poll, iFrame | View example — Poll, Script |
| Survey | View example — Survey, iFrame | Not supported — Survey, Script |
| Voices | View example — Voices, iFrame | Not supported — Voices, Script |
| Social Story | View example — Social Story, iFrame | Not supported — Social Story, Script |
| GeoStory | View example — GeoStory, iFrame | View example — GeoStory, Script |
| Data Story | View example — Data Story, iFrame | Not supported — Data Story, Script |
16 reference implementations in total. Support is verified against the Timepath embed platform itself rather than against documentation.
The Script integration has no frame and therefore no height to negotiate. For iFrame, formats fall into three groups — worth knowing before you write one resize listener and assume it covers all ten.
The embed posts its rendered height to the parent window as content changes. The official resize helper below grows the iframe to match.
Timeline · Liveblog · Collection · Quiz · Poll · Survey · Social Story
Voices posts a different message shape from the other formats, so it needs its own listener rather than the shared helper.
Voices
This format posts no height message. It renders to fill the frame it is given, so the height you set is the height it uses.
GeoStory · Data Story
Every URL in the matrix is also published as JSON at /documentation/embed-examples/manifest.json, generated from the same configuration that builds these pages. It carries the supported methods, the stable URLs and each fixture’s Timepath content ID, so an integration suite can enumerate what to test rather than hardcoding a list that goes stale.
Full embedding documentationBook a DemoProduct news, newsroom stories and new formats — occasionally, never spam.