Impact Ticker

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

Ticker id:

Compared with:

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>

Carbon in other forms

Kilograms of CO₂ don't mean much to most people. Use data-heata-co2-as to swap the breakdown under the carbon column for an everyday comparison.

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

Options

The right-hand column is live — it's the same impact figure shown every way.

Value	Counts	Based on
`flights`	Long-haul flights	London–New York one way, economy
`trees`	Trees doing a year's work	22 kg CO₂ a year per mature broadleaf
`homes`	UK homes powered for a day	7.4 kWh a day (Ofgem medium household)
`miles`	Petrol car miles	DEFRA 2025 average petrol car
`km`	Petrol car kilometres	0.163 kg CO₂e per km
`kettles`	Kettle boils	0.11 kWh to boil a litre
`phones`	Phone charges	0.0122 kWh per full charge
`auto`	Whichever fits best	The biggest comparison that still counts one or more

Electricity-based comparisons use the same UK grid intensity as the impact figure itself (0.225 kg CO₂e per kWh), so they can't drift apart.

Let it choose — `auto`

A new deployment has saved a few kettle boils; a mature one has saved flights. auto picks the largest comparison that still comes out at one or more, so the ticker reads well on day one and in year three. Drag the slider above to watch it change.

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

Rotate through several

Give it a list and the ticker cycles through them every five seconds. Every ticker on the page changes together.

<div data-heata-token="YOUR_TOKEN"
     data-heata-show="co2"
     data-heata-co2-as="kettles miles flights"></div>

In your own markup

Each comparison is available as a data-ht value too — co2-flights for the count and its label, co2-flights-count for the bare number if you'd rather write the wording yourself.

<div data-heata-token="YOUR_TOKEN">
  Our compute has saved the carbon of <strong data-ht="co2-flights-count"></strong>
  flights to New York — or <strong data-ht="co2-kettles"></strong>.
</div>

Our compute has saved the carbon of flights to New York — or .

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
`co2-equivalent`	CO₂ as an everyday comparison, following `data-heata-co2-as`	12 mature trees working for a year
`co2-flights`, `co2-trees`, `co2-homes`, `co2-miles`, `co2-km`, `co2-kettles`, `co2-phones`	One specific comparison, count and label	1,009 miles in a petrol car
… each with `-count`	The same comparison, number only	1,009

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-co2-as`	No	Show the carbon as an everyday comparison instead of the compute/hot-water breakdown: `flights`, `trees`, `homes`, `miles`, `km`, `kettles`, `phones` or `auto`. Give several, space or comma separated, to rotate through them.
`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.