You are browsing as a guest. Sign up (or log in) to start making projects!

7h 9m 57s logged

Public Dashboard and dashboard widgets!!!

I had a lot of fun with this…

Public Dashboard

This is a public webpage anyone (no need to log in) for each station, listing the current weather conditions and status in a nice gui. In here are some widgets I made by myself all in CSS and HTML. (I don’t like JS if you couldn’t tell…)

These weather values include:

  • Temperature
  • Dew Point
  • Humidity
  • Precipitation Rate
  • Precipitation Accumulation
  • UV Index
  • Solar Radiation
  • Atmospheric Pressure
  • Wind Speed
  • Wind Gusts
  • Wind Direction

Dashboard Widgets:

I made a couple of widgets that update based on the values:

  • Temperature
  • Pressure
  • Wind

Temperature:

A small thermometer that fills up as the temperature gets higher. (I have to rescale it for Celsius)

Pressure:

A small barometer that changes based on the pressure. The center pressure (29.92) is the atmospheric pressure at sea level.

Wind Speed:

A little compass shows the cardinal through tertiary wind directions (16 directions). The current wind is represented by the blue arrow. The arrow is where the wind is coming from (how wind is properly notated)

Let Me know if you guys have any other ideas, I would love to hear em!

0
2

Comments 0

No comments yet. Be the first!