How do I change the layout of a forecast on the website? (Table View)

James
James
  • Updated

Demo of table view: clicking on a day to open more info

Why is there a layout toggle?

Some prefer graphs, others prefer tables. We give you both.

  • Great for regions without a human forecaster.
  • Quickly scroll down columns to see how wind, primary & secondary swell, weather, pressure and much more develop over time.
  • See Forecast Probability
  • A more simple view in the forecast can be interrogated horizontally or vertically.

What am I looking at?

Columns from left to right

  1. Timestamp & rating. The far left of any forecast row shows the timestamp & rating color. Not familiar with Surfline's ratings? Check out this article: Surf Conditions Ratings & Colors
  2. Surf height. Our estimated range of breaking waves you'll see at the beach. This is calculated from the Primary and Secondary swells' size, period & direction of impact.
  3. Primary swell. Swells (see Swell vs Surf to understand the difference) are individually sorted in the next section of any row. Primary swell is the individually sorted swell we believe is contributing most to surf height at the spot.
  4. Secondary swell. Following on from .3, from left to right, swells listed decrease in their impact on calculated surf height for that specific spot. Seeing a swell greyed out? This is due to it having a period less 4 seconds, which likely won't produce ridable surf.
  5. Wind. The bigger black number is windspeed, and the smaller number is gusting wind speed. When the gusting wind speed number is red, we are trying to highlight that the gusting speed is significantly higher which will likely have a negative impact on surf quality.
  6. Energy. Wave Energy serves as a guide to how waves will feel at your spot and also an aid to understanding how swell height and period contribute to creating surf at your local beach.
  7. Consistency. A metric that tells you how regular the set waves are at a specific spot. The higher the number, the more sets and waves you can expect.
  8. Weather. A simple icon to show conditions and air temp readout.
  9. Pressure. Atmospheric pressure is one of the oldest ways to figure our whether the weather will be changing.
  10. Probability. A % value tells you whether other forecast models are pointing towards the forecast we are issuing. THIS IS NOT a probability of the forecast we are giving actually happening. If forecast models align on a similar outcome, you'll see a higher percentage. If there are varied outcomes, we'll be less confident in our call. Even if all models are aligned (100%), there is a chance reality won't play out as we predicted.

Any questions?

Submit a support request with our dedicated crew! Attach screenshots and URLs so they can quickly identify what you're describing and get anything fixed without delay.

Related to

Was this article helpful?

/