Embed a live economic chart on your website

Adding the code to your site

Paste the code wherever your platform accepts raw HTML. The chart sizes itself to the column it is placed in.

• WordPress: add a Custom HTML block (block editor) or use the Text tab (classic editor). For a sidebar, add a Custom HTML widget and choose the Sidebar width.
• Blogger: switch the post editor to HTML view, or add an HTML/JavaScript gadget in Layout for a sidebar chart.
• Squarespace: add a Code block and leave “Display source” off.
• Wix: add Embed HTML (Embed code › Embed HTML) and size the box to about 640 × 460 px, or 340 × 400 for the sidebar width.
• Ghost: insert an HTML card.
• Plain HTML: paste it anywhere inside <body>.

Here is what the code looks like:

<div class="cw-chart" data-series="gas-prices" data-range="5y">
  <a href="https://chartwidgets.com/charts/gas-prices.html">Full history and data</a> at
  <a href="https://chartwidgets.com/">ChartWidgets</a>
</div>
<script src="https://chartwidgets.com/widgets/chart.js" async></script>

The <div> is a placeholder that holds the settings and the credit links; the script finds every placeholder on the page and draws a chart in it. Want three charts in one article? Add three placeholders and keep a single script tag.

Settings you can change

Technical details

• One small script (about 7 KB compressed), loaded asynchronously so it never delays your page.
• Charts are drawn as SVG inside a Shadow DOM: your stylesheet can’t distort them, and theirs can’t leak into your page.
• No cookies, no tracking, no third-party requests – just one small data file per chart.
• The data refreshes automatically whenever the source agency publishes a new figure; you never need to update the code.
• If a chart id is wrong or the data can’t load, the placeholder shows a short notice and the links remain.

Chart ids

Terms of use

You may embed any chart on any website, commercial or not, free of charge and without registration. We only ask that the two credit links in the embed code stay visible and unchanged. The government statistics themselves are in the public domain; the mortgage rate series is © Freddie Mac and must keep its attribution. Please read the disclaimer, and write to support@chartwidgets.com with questions or ideas for new charts.

Questions