< Back to Widgets

Rates by State

How to use:

Copy the HTML code below and place it wherever you need on your site.

1
2
3
4
5
6
7

<div data-eb-component="eb-average-rate-by-state-chart"
  style="height: 508px;"
  min-color="#4353FF"
  max-color="#ECEEFF"
 >
</div>
<script src="https://www.energybot.com/eb-webcomponents/v1/component-loader.js"></script>

Preview:

Customize this widget:

You'll need to edit the HTML above to customize this widget.

Edit styles / change to dark mode:

You’ll need to recreate our styles on your website using the exact same class names.

Once complete, add a link to your CSS file in the HTML code above.

It should look something like this:

1
2
3
4
5
6
7
8

<div data-eb-component="eb-average-rate-by-state-chart"
 eb-stylesheet="http://link-to-your-css-file.com.css"
  style="height: 508px;"
  min-color="#4353FF"
  max-color="#ECEEFF"
 >
</div>
<script src="https://www.energybot.com/eb-webcomponents/v1/component-loader.js"></script>

Styles for Widget:

interactive map placeholder
Lowest Rates
Highest Rates
Electricity data by EnergyBot