Data Visualization Showcase: Communicating Ensemble Forecasts

Visualization goals

Saved articles
Hides the site's navigation and the panels around the article; press Escape to leave.

Online at https://diogoribeiro7.github.io/analytics-blog-jekyll/visualization/2024/02/25/data-visualization-showcase-ensemble/

Topics

Visualization goals

  • Convey ensemble spread without overwhelming the viewer.
  • Provide tactile controls for filtering, animation, and comparison.
  • Maintain WCAG-compliant contrast and descriptive alt text for every figure.

Plotly fan chart

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
import plotly.graph_objects as go

fig = go.Figure()
for member in ensemble_members:
    fig.add_trace(go.Scatter(
        x=member["date"],
        y=member["temperature"],
        mode="lines",
        line=dict(color="rgba(33, 150, 243, 0.15)")
    ))
fig.add_trace(go.Scatter(
    x=ensemble_mean["date"],
    y=ensemble_mean["temperature"],
    mode="lines",
    line=dict(color="#ff9800", width=3),
    name="Ensemble mean"
))
fig.update_layout(
    template="plotly_white",
    hovermode="x unified",
    title="Ensemble temperature forecast",
    xaxis_title="Date",
    yaxis_title="Temperature (°C)"
)
fig.show()

Observable linked highlighting

1
2
3
4
5
6
viewof focus = Inputs.select(models, {label: "Forecast model"})

display(horizonChart(data, {
  color: model => model === focus ? "#d81b60" : "#90caf9",
  description: model => `${model.name} temperature anomalies`
}))

Accessibility checklist

  1. Provide textual summaries below each chart describing trends.
  2. Enable keyboard navigation for filters and toggles.
  3. Export static PNG/SVG snapshots for reports and offline review.

Embed the full gallery via the Visualization Hub link to experience the animations, annotations, and export workflow in action.

Your private highlights

Kept in this browser only and never sent anywhere. These are your notes, not comments. With text selected, Alt+Shift+H highlights it and Alt+Shift+N adds a note.

Select a passage of the article to highlight it.

    Your reading data

    • Launch the visualization hub

      Browse the live examples embedded across the Visualization Hub.

      Launch demo

    © 2024 Diogo Ribeiro. Text and figures under CC BY 4.0.

    How to cite

    Use the quick export buttons to save citations for reference managers or copy the formatted text directly.

    Diogo Ribeiro (2024). Data Visualization Showcase: Communicating Ensemble Forecasts. DataLog | Data Science & Research Theme. https://diogoribeiro7.github.io/analytics-blog-jekyll/visualization/2024/02/25/data-visualization-showcase-ensemble/.

    BibTeX

    RIS

    EndNote

    Open science & reproducibility badges

    These badges highlight the transparency practices applied to this work. Hover or focus on each badge to learn more about the criteria.

    • Open Data Dataset and code repository published with permissive license. Public repository, DOI issued, README with reproduction steps.
    • Reproducible Workflow Containerized environment and automated tests provided. Continuous integration pipeline with reproducibility checks.
    • Transparent Peer Review Peer review reports archived with DOI and linked to article. Open peer review statement and archived reports on Zenodo.

    Related posts

    Loading mathematical content