Page Templates - Data Story

Tell a story based on your data. Through chapters and sections, narrate a story and use data visualisations to emphasize your story.

Light with header and sections - regular box

Light with header and sections - heavy shadow box

ODS Academy Data Story

Use this template to follow the module “Build your first datastory” in ODS Academy.

Blog Article Style

A blog-like template to narrate a story and insert charts or maps to enhance the storytelling experience.

Data Story with sections

CSS Grid : Light with header and sections - regular box

This version is based on the CSS Grid framework available here. Please read the resource description carefully before using it as it’s mainly dedicated to expert users.

Note: The CSS includes only necessary classes and NOT the entire CSS Grid framework. To change the layout, you’ll then also need to change the according CSS. Feel free to get the full framework if needed.

CSS Grid : Light with header and sections - heavy shadow box

This version is based on the CSS Grid framework available here. Please read the resource description carefully before using it as it’s mainly dedicated to expert users.

Note: The CSS includes only necessary classes and NOT the entire CSS Grid framework. To change the layout, you’ll then also need to change the according CSS. Feel free to get the full framework if needed.