Packaged
TimeseriesChartsForecast with toolbar and stacked group charts.
Forecast point: Amsterdam · lat 52.3676 · lon 4.9041
I'm Weather
Timeseries charts
Point-forecast series as Recharts composed charts. Each config group is one chart: LINE series in the plot, DIRECTION arrows, VALUE labels, and PRECIPITATION_TYPE icons in a strip band under the plot. Packaged examples use Amsterdam · lat 52.3676 · lon 4.9041; the marine example uses an offshore North Sea point.
See API usage and token creditsFull width
Hour interval
Host-owned hourInterval (1, 3, or 6). Default is 6-hourly unlabeled vertical lines and a 4-per-day strip summary; 3h shows 8 strip entries per day. Changing it does not refetch. LINE series stay hourly.
Forecast point: Amsterdam · lat 52.3676 · lon 4.9041
Hour grid
Thresholds
Optional thresholds prop. Each chart uses only conditions whose elements are all plotted there: dashed Y-lines with an up/down hue for greater-than vs less-than, a status strip above the date labels, and Watch / Caution / Critical on hover.
Forecast point: Amsterdam · lat 52.3676 · lon 4.9041
Marine
The same packaged wind and wave charts for an offshore North Sea point, with domain="marine" so models and series load from the marine timeseries auth routes. Thresholds include the land wind rules plus significant-wave height (0.8 / 1.5 / 2.5 m).
Forecast point: North Sea · lat 55.551448725742 · lon 4.0444930642829116
Chart only
The same packaged forecast with the toolbar turned off.
Forecast point: Amsterdam · lat 52.3676 · lon 4.9041
Composed
TimeseriesModelsProvider with Toolbar, Builder, and Chart assembled by the host.
Forecast point: Amsterdam · lat 52.3676 · lon 4.9041
Custom elements
Host-owned elementGroups replace the land defaults. Reuse Temperature, then custom Cloud cover (total / low / mid / high / humidity plus visibility in the strip) and Pressure (MSL and surface, with yAxis domain dataMin–dataMax so hPa values fill the plot). Thresholds flag overcast sky (50 / 75 / 90 %), humid air (80 / 90 / 95 %), and falling MSL pressure (1010 / 1000 / 990 hPa).
Forecast point: Amsterdam · lat 52.3676 · lon 4.9041
Custom styling
Optional LINE style per item (color, strokeWidth, strokeDasharray, opacity, curve type) and a group yAxis domain. Temperature uses distinct colors, a dashed dewpoint, and a thinner feels-like series. Pressure fits the plot to the data range instead of pinning Y at 0.
Forecast point: Amsterdam · lat 52.3676 · lon 4.9041