Page templates

Use these templates to easily create new pages that look sleek and you can customize to fit your needs.

Dashboard with filters

A dashboard template to display KPIs and charts, with filters

display

Dataviz gallery page

A page template to display data visualizations on your portal.

display

Listing page

A template version of the listing generator, for the users who want to add more customization to the automated version.

display
list

ODS Layout over-ride

This resource is an over-ride of ODS default layout system by transforming a row and it’s children into a Flexbox layout. Flexbox brings two major benefits compared to the actual layout : Equal height of children of a same row re-ordering elements If any of these two benefits are useful to your project, there is no interest in using this resource !

display

Dashboard

A dashboard template to display KPIs and charts.

display

Dashboard layouts

Different layouts for simple to advanced usages.

display

CSS Grid Framework

This resource introduces a CSS Grid framework based on CSS Grid layout system. It’s an alternative to ODS Layout system, suitable for expert users, looking for more advanced layout system, specially designed for 2 dimensions layouts instead of one. CSS Grid is the most modern and performant way to structure pages. A framework is a set of CSS classes to set into the HTML to easily develop nice looking pages.

display

Monitoring Dashboard

This dashboard presents the main figures from the monitoring dataset. See the full documentation about the monitoring dataset. See themed versions of this dashboard here. Note: Since monitoring data are private, we use a dummy dataset in this example.

display
navigation
list

Data Story

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

display

Fullscreen map with filters

When the key visualization is the map: this resource contains filters and analytics drawers over a fullscreen map

display
ods-maps
geo

Home page 1

A home page for your Opendatasoft portal, alternative 1

display
navigation

Home page 2

An home page for your Opendatasoft portal, alternative 2

display
navigation

Home page 3

A home page for your Opendatasoft portal, alternative 3

display
navigation

Home page 4 with access cards

A home page for your Opendatasoft portal, with access cards

display
navigation

Map & Refine

Use the map as a selector then display additional information on the side or hover the map. This template is a nice alternative for map tooltips

ods-maps
filter

Observatory

A good starting point to narrate a story with your data, or simply publish a nice looking dashboard

display
aggregation
filter

Regional COVID-19 Dashboard

A dedicated dashboard for local COVID-19 data.

display

Timeline

Present your timed data as a continuous timeline

display
list