Embed Reference

Data Story — iFrame

Permanent Timepath integration fixture for compatibility testing.

Production supportedTimepath hosts and renders the experience in its own browsing context.

Live example

Fixed height · 600px · this format reports no height

Embed code

This is the code behind the example above, with this fixture's ID already in it.

Minimal iframe
<iframe
  id="9M8AxLfUGaFOUW9d3mSC"
  width="100%"
  height="600"
  title="Timepath Data Story"
  src="https://embed.timepath.co/datastory/9M8AxLfUGaFOUW9d3mSC"
  frameborder="0"
  scrolling="no"
  allow="encrypted-media; clipboard-read; clipboard-write; fullscreen"
  loading="lazy"
></iframe>

Complete on its own. 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.

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.

Fixture

Fixture
Integration Fixture — Data Story
Workspace
Timepath Integration Fixtures
Purpose
Compatibility and CMS integration testing
Stability
Permanent reference fixture
Timepath content ID
9M8AxLfUGaFOUW9d3mSC
Reader URL
https://embed.timepath.co/datastory/9M8AxLfUGaFOUW9d3mSC

This is a permanent Timepath integration fixture maintained for compatibility testing. The page URL and the Timepath fixture ID are intended to remain stable.

Expected behaviour

  • The experience renders without a login — these pages are public and anonymous.
  • Width fills the container. The layout is fluid; set the width on your own wrapper.
  • Media and images load from Timepath's CDN, including on a phone viewport.
  • Height is fixed at whatever you set (600px here). This format reports no height and renders to fill the frame, which is the intended behaviour rather than a missing feature.
  • The visualisation renders its data and any interactive elements respond.

Subscribe for updates

Product news, newsroom stories and new formats — occasionally, never spam.