Output Charts

Blog

Share a dashboard without sending anyone an HTML file

AI tools hand you a dashboard as an HTML file. Here is how to turn the same numbers into a link people can open, with no code and no attachments.

You asked an AI assistant for a dashboard of last month's campaign, and it delivered: tidy cards, a funnel, a chart. Then you tried to share it. What you have is an HTML file. You can attach it to an email, people can download it, some of them will open it, and one will say it looks broken on their phone. Next month you get to do it all again.

The dashboard was never the hard part. Sharing it is, and so is keeping it current.

Why the file is the problem

An HTML file is a snapshot. It has no address, so you can't pin it in a channel or bookmark it. It has no owner, so five people end up with five copies. And it has no way to update, so the moment the numbers change, every copy is wrong.

The usual alternatives each fix one of those and add a new problem:

  • A BI tool gives you a link and asks for a data connection, a seat per viewer and an afternoon of setup.
  • A slide deck gets a link and loses the "live" part completely.
  • A shared view inside the AI tool is convenient until someone outside your team or plan needs to see it.

What you want is the AI's numbers on a page with a permanent address.

The no-code way

Output Charts builds dashboards from small blocks of JSON. That sounds technical, but in practice you mostly paste. Here's the workflow without writing any code.

1. Get the numbers out of the HTML

Ask the same assistant for the data instead of the page: "Give me the numbers behind this dashboard as a plain table." You probably had the numbers before the HTML existed anyway.

2. Add visuals

Create a dashboard and add a visual for each thing worth showing. There are eleven types: KPI, bar, horizontal bar, line, area, pie, table, funnel, gauge, scatter and markdown. Most campaign reports need a KPI or two, a funnel and a table.

3. Fill each visual

Each new visual starts with a sample document, so you can see the shape it expects. Replace the sample values with yours. A funnel, for example, looks like this:

{
  "nameKey": "stage",
  "valueKey": "count",
  "data": [
    { "stage": "Saw the ad", "count": 48200 },
    { "stage": "Clicked", "count": 2310 },
    { "stage": "Signed up", "count": 412 },
    { "stage": "Bought", "count": 61 }
  ]
}

A headline number looks like this:

{ "label": "Cost per signup", "value": 14.6, "format": "number", "prefix": "$", "delta": -0.12, "deltaFormat": "percent", "deltaLabel": "vs September" }

The editor redraws as you type. If something doesn't fit, say a number typed as "2,310" with a comma and quotes, it names the exact field instead of drawing a broken chart.

If you'd rather skip the JSON entirely, Format with AI takes a messy paste (a table, some CSV, a few lines copied from an email), reshapes it to fit the visual and shows you a preview. Nothing saves until you confirm. Format with AI is part of Solo ($10 a month). On Free you paste the JSON yourself, and the samples make that easier than it sounds.

4. Arrange it

Drag and resize the visuals on a twelve-column grid until the page reads in the order you'd explain it. On phones it collapses to a single column, so the person who opened it on the train sees it too.

5. Share it

This is the part the HTML file couldn't do. You have two choices:

  • Publish. You get a public page that anyone with the link can open, no account needed. Paste it into the channel, the email or the slide notes.
  • Share view-only by email. Pick the addresses. People who don't have an account yet find the dashboard waiting when they sign up. Shares are always view-only, so nobody "fixes" your numbers for you.

Next month, change the numbers in the same visuals. The link stays the same, and anyone who has it open sees the update within about 15 seconds, without reloading.

When you want it to update itself

If the numbers come from a script or a scheduled job, that job can send the JSON straight to each visual with an HTTP PUT instead of you pasting it. That's the API push, and it's part of Solo too. Your developer (or your AI assistant) can set it up from How to update a dashboard chart with cURL.

Honest limits

  • Output Charts draws the numbers it's given. It doesn't connect to your ad platform or analytics tool. You bring the figures.
  • Free includes one dashboard, and its public page carries a small Output Charts bar. Solo allows 20 dashboards and drops the bar.
  • A published page really is public. Anyone with the link can see it, so keep anything confidential in an email share instead.
  • It isn't a slide deck. There's no presenter mode and no speaker notes, though a markdown visual is a good place for a few sentences of context.

Try it

Open JSON to chart, pick a funnel and paste your numbers to see it drawn. When it looks right, create a free dashboard and send the link instead of the file.

More from the blog