Purpleair Widget - CSS code in lovelace

[jazzmonger (Jeff)]

Trying to figure out how to add this widget to HOME ASSISTANT. Adding “webpage” card doesn’t do it.

code to do it:

<div id='PurpleAirWidget_60025_module_AQI_conversion_C0_average_0_layer_standard'>Loading PurpleAir Widget...</div>
<script src='https://www.purpleair.com/pa.widget.js?key=CIMBJ1DAL7LA5HMT&module=AQI&conversion=C0&average=0&layer=standard&container=PurpleAirWidget_60025_module_AQI_conversion_C0_average_0_layer_standard'></script>

[GlennHA (Glenn)]

Did you ever get what you wanted?
I was just searching for other PurpleAir stuff and came across your post.
If you don’t there is another tread that has all the info you need.

[jazzmonger (Jeff)]

Not the widget, but I did get the sensors integrated.

PurpleAir Air Quality Sensor

Sheesh, we’re all doing the same things. Life in CA I guess? So I have a pms5300 on an esphome and it works great. I get the raw values In the log but am struggling with how to get to the AQI conversion. My esphome has a sensor as follows: - platform: pmsx003 type: PMSX003 pm_1_0: filters: #- throttle: 60s - delta: 2.0 - sliding_window_moving_average: window_size: 45 name: sensornode_airquality_pm_1_0 #name: "Particulate Matter <…

And built my own purple air sensor for $15 as well. I’m “George Jetson” in this thread

https://blog.brendon.net/diy-purpleair-sensor/#comment-5119863481