Tag: Display

Monitoring Dashboard 1

This dashboard presents the main informations from the monitoring dataset. See the full documentation about the monitoring dataset. Note: Since monitoring data rae private, we use a dummy dataset in these exemple.

display
navigation
list

ods-chart CSS Hacks

A custom CSS library dedicated to ods-chart, it helps users to customize their charts easily by simply adding CSS classes to ods-chart tag.

display
chart

Animations

Animate your data-visualisation (KPIs, Gauge).

display
chart
aggregation

Custom view Generator

This version is optimized for dataset custom views. It melts perfectly with dataset exploration layout by using filters and search bar. But while embeding the view it activates automatically it's own search and filters. Try it on code pen and in a dataset to see how it behaves

display
navigation
list

KPIs

KPI cards, to display aggregation and values.

display
navigation
list
aggregation

Static maps, a quick introduction

How to create fast analytics maps based on SVG static files and data aggregation.

geo
aggregation
display

Buttons

Examples of different buttons with hover styles. Lightly styled buttons with which to build your pages and dashboards.

display
navigation
list

Contact Cards

A simple contact card for your organization, with a simple pop in for additional contact information.

display
navigation
list

Custom catalog card

Override default catalog cards to highlight key metadata for your business

list
display
navigation

Custom theme boxes

Custom theme boxes with more flexibility in styling and layout.

display
list
navigation

Dashboard template

A grid template to display KPIs and charts.

display
navigation

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

Dropdown module

This module proposes a dropdown menu with a modern look.

display
navigation
list
filter

Filters as an HTML Select

Display your facets and filters in a list with simple HTML selects

display
navigation
list
filter

Full screen Map Generator

Ideal for Point of Interest datasets! Edit only a few settings to generate a modern looking visulization that uses ODS components and widgets.

display
geo

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

Image cards

A card with an image background, useful for home page navigation and sections.

display
navigation
list