Embed · static SVG, zero JS, zero external requests

Put the index on your page

A single <img> tag is all it takes. No script to include, no iframe to host, immune to your site's CSP — works directly in Markdown, Notion, newsletters and email signatures.

Formats
2
Compact badge 320×86 · card 480×200
Tiers
3
Composite / HY / IG
Dependencies
0
No scripts, no font links, no tracking
Badge · 320 × 86

Compact badge

For the top of an article, next to a data table, or in a README header. One line tall, says exactly one thing: where it is now, and which way it moved this week.

NCSX-Composite · light
NCSX-Composite index badge
badge/ncsx-composite.svg
NCSX-HY · light
NCSX-HY index badge
badge/ncsx-hy.svg
NCSX-IG · light
NCSX-IG index badge
badge/ncsx-ig.svg

Dark-background sites: append -dark — badge/ncsx-composite-dark.svg. The badge below is the dark variant, shown on a dark swatch.

NCSX-Composite · dark
NCSX-Composite index badge, dark
badge/ncsx-composite-dark.svg
NCSX-HY · dark
NCSX-HY index badge, dark
badge/ncsx-hy-dark.svg
NCSX-IG · dark
NCSX-IG index badge, dark
badge/ncsx-ig-dark.svg
Card · 480 × 200

Card with trend

Adds a 90-day mini chart and the 30-day change. For the front page of a report, investor updates, or the top of a weekly — one image covering "where we are + which way we're heading".

NCSX-Composite · light
NCSX-Composite index card
badge/ncsx-composite-card.svg
NCSX-Composite · dark
NCSX-Composite index card, dark
badge/ncsx-composite-card-dark.svg

Same pattern for HY and IG: badge/ncsx-hy-card.svg, badge/ncsx-ig-card.svg (add -dark for dark).

Snippet · copy & paste

Three ways to paste

Swap the domain below for your own deployment if you mirror it. Everything points at one static file — no parameters, no API key.

Markdown (GitHub / Obsidian / Notion)
[![NCSX-Composite](https://spreadbench.com/badge/ncsx-composite.svg)](https://spreadbench.com/en/indices.html?utm_source=embed&utm_medium=badge)
# keep utm_source=embed on the link so badge-driven traffic is measurable
HTML (any page / email signature)
<a href="https://spreadbench.com/en/indices.html?utm_source=embed&utm_medium=badge"> <img src="https://spreadbench.com/badge/ncsx-composite.svg" width="320" height="86" alt="NCSX-Composite index"> </a>
Card version (report front page / weekly opener)
<img src="https://spreadbench.com/badge/ncsx-composite-card.svg" width="480" height="200" alt="NCSX-Composite index card">
Dark-mode sites
<picture> <source media="(prefers-color-scheme: dark)" srcset="…/badge/ncsx-composite-dark.svg"> <img src="…/badge/ncsx-composite.svg" alt="NCSX-Composite"> </picture>
Reference · URL rules

File naming convention

One rule only: ncsx-{tier}{-card}{-dark}.svg.

File Size Contents Best for
ncsx-composite.svg320×86Level + 5-day change + as-ofArticle opener, next to tables, READMEs
ncsx-hy.svg / ncsx-ig.svg320×86Same, per tierTier-specific discussion (HY / IG)
ncsx-composite-card.svg480×200Level + 5D/30D + 90-day trendReport front pages, weeklies, investor updates
…-dark.svgSame sizeDark-background paletteDark-theme sites / night reading

Need a different size, another language, or all three tiers in one image? Write to hi@spreadbench.com — custom outputs are available on the free tier too (no extra charge, just scheduling).

Design note · why not a JS widget

Three deliberate trade-offs

No script

An embedded JS widget gets blocked by the host site's CSP, caught by ad blockers, and dies inside email clients. A plain <img> survives all three.

No tracking

We don't count who embeds what, where, or how often it's viewed. Your page gains no third-party request, and we learn nothing about your visitors.

Date baked in

The as-of date is printed on the badge itself, so caching is a non-issue — readers can see at a glance which day the data is from; stale never masquerades as fresh.

Rules · citation

How to caption the embed

This is the attribution requirement of the licence (CC BY 4.0) — and the precondition for anyone else being able to check your numbers.

Recommended phrasing

NCSX-Composite 773bp (provided by SpreadBench)
  • Always name the index code: NCSX-Composite / -HY / -IG
  • Always include methodology version and DOI: v0.1.1 · 10.5281/zenodo.23931330
  • Never rewrite the numbers; round at most to one decimal place

Do not write

  • Don't present the spread as a "rating" or a "default probability"
  • Don't extend it into a buy/sell call — this product gives no investment advice
  • Don't alter the numbers or strip the as-of date
  • Don't use the badge to imply endorsement, partnership or any rating relationship

Breaching any of the above terminates the licence automatically. Full terms in Methodology §12.

Need live data or full history?

Badges and pages give you the free T+1 aggregates. The full 90-day daily series, print-level trades and whole-pool attribution live in the JSON API; agents can call the MCP per request.

Read the API docs Subscribe to the weekly