Impact Ticker

An embeddable widget showing the environmental impact of running compute on the heata network.

Ticker id:

Simulate time: 9 days

Default — all three columns

<div data-heata-token="YOUR_TOKEN"></div>
<script src="https://cdn.heata.co/ticker/js/heata-ticker.js"></script>

Pick and choose columns

Use data-heata-show to choose which columns to display. Options: co2, water, savings.

Just CO2

<div data-heata-token="YOUR_TOKEN" data-heata-show="co2"></div>

CO2 and water

<div data-heata-token="YOUR_TOKEN" data-heata-show="co2 water"></div>

Just savings

<div data-heata-token="YOUR_TOKEN" data-heata-show="savings"></div>

Compact variant

Smaller text and padding — good for sidebars or narrower spaces.

<div data-heata-token="YOUR_TOKEN" data-heata-variant="compact"></div>

Compact with one column — corner of a site

<div data-heata-token="YOUR_TOKEN"
     data-heata-variant="compact"
     data-heata-show="co2"></div>

Inline variant

A single-line strip — works well in footers, nav bars, or thin banners.

<div data-heata-token="YOUR_TOKEN" data-heata-variant="inline"></div>

Inline with just CO2

<div data-heata-token="YOUR_TOKEN"
     data-heata-variant="inline"
     data-heata-show="co2"></div>

Custom markup

Write your own HTML and drop in data-ht attributes wherever you want a live value. The script skips the built-in widget when it finds any data-ht element inside the container — your markup stays exactly as-is.

Simple sentence

<div data-heata-token="YOUR_TOKEN">
  This website has generated <strong data-ht="litres"></strong> of free hot water!
</div>

This website has generated of free hot water!

Multiple values in a paragraph

<div data-heata-token="YOUR_TOKEN">
  <p>
    Our compute has avoided <strong data-ht="co2"></strong> of CO<sub>2</sub>,
    heated <strong data-ht="litres"></strong> of hot water
    (that's <strong data-ht="showers"></strong> of showers!),
    and saved households <strong data-ht="savings"></strong>.
  </p>
</div>

Our compute has avoided of CO₂, heated of hot water (that's of showers!), and saved households .

Available `data-ht` values

Value	Description	Example output
`co2`	Total CO₂ avoided	1.23kg
`co2-compute`	CO₂ saved from reduced compute power	0.45kg
`co2-hotwater`	CO₂ saved from re-used heat	0.78kg
`litres`	Litres of hot water generated	42.5
`showers`	Equivalent shower time	12 minutes
`savings`	Household savings in GBP	£1.24

Dev / test ids

Use a dev id in place of your ticker id to preview the widget without a real API connection. The format is dev_{rate} where rate is the number of CPU-seconds added per tick (1s).

Id	Simulates	Description
`dev_48`	1 heata unit	Slow, single-unit pace
`dev_2400`	50 heata units	Medium fleet (matches dashboard sample)
`dev_24000`	500 heata units	Large deployment, numbers climb fast

Attribute reference

Attribute	Required	Description
`data-heata-token`	Yes	Your ticker id (find it on your billing account in the console), or a `dev_*` test id
`data-heata-show`	No	Space or comma separated list of columns: `co2`, `water`, `savings`. Defaults to all three.
`data-heata-variant`	No	`compact` or `inline`. Omit for the default full-size panel.

Troubleshooting

Check the API response in your browser

If the ticker isn't displaying data, you can inspect the API call directly using your browser's developer tools:

Open DevTools — press F12 (or Cmd+Option+I on Mac)
Go to the Network tab
Reload the page
Filter by impact or Fetch/XHR to find the request to /v1/impact/YOUR_TICKER_ID
Click the request, then check the Response tab to see the JSON payload

A healthy response will return a JSON object containing cpu_s. Common issues:

Status	Meaning
`200`	OK — data is coming through. If the widget is still blank, look for errors in the console.
`404`	Ticker id not recognised. Double-check the value against your billing account in the console.
No request visible	The script may not be loading. Ensure the `<script>` tag is present and the container has a `data-heata-token` attribute. Look for errors in the console.

Get in touch

Your ticker id is shown on your billing account in the console. If you're having trouble, contact us at techsupport@heata.co.