Put the Scoreboard on Your Website

139K preventable disease deaths per day of delay. Your footer has room for the score.

The bar pinned to the bottom of this page is live: it counts the people brutally tortured and murdered by disease since the fix was published, and clicking it opens the full math. Embedding it is one script tag. It loads its own stylesheet, fetches the live numbers, and links every figure back to its source. Pick a style and layout, copy the code, paste it before </body>.

1. Pick a style and layout

Style

Layout

2. Copy the embed code


    
  


  
Track conversions

  

    Every interaction dispatches a dih-scoreboard event on document:
    bar-shown, bar-dismissed, overlay-opened,
    overlay-closed (with secondsOpen), and cta-clicked
    (with source). Each carries the active variant and
    theme, so you can A/B test
    designs with whatever analytics you already run:
  

  

    
document.addEventListener('dih-scoreboard', function (e) {
  // e.detail = { action: 'cta-clicked', variant: 'minimal', theme: 'treaty', source: 'bar' }
  gtag('event', e.detail.action, { variant: e.detail.variant, theme: e.detail.theme });
});

  

  
Interact with the bar below and watch the events arrive:

  


  
Counters without the bar

  

    Want the live numbers inside your own prose instead? Add
    <meta name="dih-disable-features" content="delay-counter-hud"> and write
    spans like <span data-dih-delay-value="per-day"></span>
    (139K deaths per day of delay,
    741K hours
    of suffering per second). The full list of counter types, the JSON the numbers come from, and the
    rest of the API live in API & Data Indexes.
  


  
Housekeeping

  

    
    (the close button hides the bar per browser; this brings it back)