Embed a Power Outage Widget

Add real-time Texas power outage data to your website for free. Three widget styles, light and dark themes, and a tiny footprint — under 5KB.

⚡

Real-Time Data

Data updates every 15 minutes from 83+ Texas utilities via the DOE Eagle-I system.

🪶

Lightweight

Single script, no dependencies, no CSS files. Under 5KB gzipped with built-in client caching.

🎨

Themeable

Light and dark themes that look great on any site. All styles are inline — zero CSS conflicts.

📱

Responsive

Widgets adapt to their container. Works on desktop, tablet, and mobile.

Widget 1

Badge

Compact inline counter — great for sidebars, headers, or footers.

<div data-ec-widget="badge" data-theme="light"></div>
<script src="https://www.electricchoice.com/outages/widget.js" async></script>
Widget 2

County Status

Outage card for a specific county — ideal for local news sites or community pages.

<div data-ec-widget="county" data-county="Harris" data-theme="light"></div>
<script src="https://www.electricchoice.com/outages/widget.js" async></script>
Widget 3

Summary Dashboard

Full overview with top affected counties — perfect for energy blogs or news dashboards.

<div data-ec-widget="summary" data-theme="light"></div>
<script src="https://www.electricchoice.com/outages/widget.js" async></script>

How to Use

  1. Choose a widget style above and copy the embed code.
  2. Paste the code into your site's HTML where you want the widget to appear.
  3. The script tag only needs to appear once per page, even with multiple widgets.
Configuration options:
Attribute Values Description
data-ec-widget badge, county, summary Widget type (required)
data-theme light, dark Color theme (default: light)
data-county Any Texas county name County for the county widget