/Docs
Dashboard
Embedding

Embed a Treasury yield widget

Put a live US Treasury yield on your website with one line of HTML. Choose from 3M, 2Y, 5Y, 10Y, or 30Y maturity. Updates daily with no backend and no API keys.

Use cases

  • Show the 10Y yield on a fixed income or bond investing blog
  • Add a 2Y/10Y spread context widget to a macro research page
  • Display current rate levels on a mortgage or lending site
  • Embed yield history alongside a stock or forex widget

How to embed

  1. Create a free account on 7di.
  2. Add a Treasury yield widget to any page.
  3. Hover the widget and click the share icon and enable Public embed.
  4. Copy the iframe code and paste it into your site.
<iframe
 src="https://7di.vision/embed/{your-token}?theme=dark"
 width="320" height="180" frameborder="0"
 style="border-radius:12px;overflow:hidden"
></iframe>

Themes

Add ?theme=light, ?theme=github, or any of the 26 supported themes to match your site. See all options on the Embeds page.

For widget setup details, see the Treasury yield widget docs.

Theme

Text

10Y Treasury

4.31% (Jul 22)

09:18 PM · 1d

10Y Treasury

Chart

10Y Treasury Yield

4.31% (Jul 22)

09:18 PM · 1d

10Y Treasury

Bars

30Y Treasury Yield

4.58% (Jul 22)

09:18 PM · 1d

30Y Treasury