Embedding EIA Charts and Maps on Your Website

EIA has added functionality to its data tools to allow users to easily embed widgets of EIA's interactive charts and graphs onto their website. This allows users to easily add official statistics from U.S. Energy Administration's API to their websites. No API key, programming, or library installation is required.

To embed a visualization:

click image to enlarge

1. Use any of the following EIA data tools to create a chart or a map:
   • Electricity Data Browser: charts and maps of 500,000 aggregate and plant level generation, pricing, and consumption time series (updated monthly)
   • Petroleum pop charts: available on most of EIA's petroleum data pages
   • Natural Gas pop charts: available on most of EIA's natural gas data pages
   • Coal Data Browser: production, consumption, and world trade charts and maps
   • Short-Term Energy Outlook table viewer: charts
   • International Energy Data Portal: charts and maps
   • Total Energy table viewer: charts
2. Click on the "embed" option in the download menu (see image to right) to preview your visualization
3. Configure (e.g. change dates or add a drill-down interactive) then copy and paste the tag into your web page

Note that the source key icons from anywhere on the EIA website to link to the time series' page in the API Query Browser to navigate to any of the 1.2 million time series in EIA's data API, and select the "Show me how to embed..." links.

Sample Dashboards

The following sample dashboards demonstrate how a handful of embedded visualizations can easily be assembled to tell a story:

1. Sample Electricity Dashboard
2. Sample World Petroleum Dashboard

Sample Visualizations

Interactive Chart (125 most recent data points)

Interactive Chart

Interactive Chart with Drill-Down