Embed, image and SVG

GEThttps://api.typesearch.ai/embed/{file}

What embed_url, image_url and svg_url point to. They are public by id, so anyone with the link can see the chart, and they need no key. Every view is free.

chart_…: a page made for an iframe. It adapts to its width (under 480 px it switches to a compact layout), shows tooltips, weighs a few KB and loads nothing from third parties. It can be embedded on any site.
chart_….png: the card at twice the resolution, for chat, email or slides.
chart_….svg: the vector card.

The page posts its height to the parent page on load and on every resize, with { type: "typesearch:chart:resize", id, height }, so you can size the iframe to fit. See Embed it.

Path

Parameter	Type
`file`	string	`chart_…` for the page, `chart_….png` for the image, `chart_….svg` for the SVG.

Query

Parameter	Type
`theme`	string	Shows it in another theme: `light`, `dark`, `editorial` or `electric`. Default: the chart's `theme`.
`size`	string	`compact`: the narrow layout, for phones and stories. PNG and SVG only; the page picks it by its width.

Responses

Status
`200`	The page (`text/html`), the image (`image/png`) or the SVG (`image/svg+xml`). Cached for 5 minutes.
`404`	No such chart: the id is wrong, or the chart was deleted or expired.
`429`	More than 600 views per minute from the same IP. Retry after `Retry-After` seconds.

Embed

<iframe
  src="https://api.typesearch.ai/embed/chart_8k2m9q4x7w1p3n5z"
  title="The blue dollar rose 4.1% this week"
  style="width: 100%; border: 0"
  height="440"
  loading="lazy"
></iframe>

Fit the height

<script>
  window.addEventListener('message', (event) => {
    if (event.origin !== 'https://api.typesearch.ai') return;
    const data = event.data;
    if (!data || data.type !== 'typesearch:chart:resize') return;
    for (const frame of document.querySelectorAll('iframe')) {
      if (frame.contentWindow === event.source) frame.style.height = `${data.height}px`;
    }
  });
</script>

Image in Markdown

![The blue dollar rose 4.1% this week](https://api.typesearch.ai/embed/chart_8k2m9q4x7w1p3n5z.png)

Compact, electric theme

https://api.typesearch.ai/embed/chart_8k2m9q4x7w1p3n5z.png?size=compact&theme=electric