Tag: Chart

Comparison Generator

This generator builds a comparison dashboard. Edit a few settings and compare 2 values, such as territories or categories, from one dataset.

display
navigation
filter
chart

Eco-Counter / Eco-Compteur

Eco-Counter custom view for Opendatasoft integration: an overall view of your territory through Eco-Counter stations data.

aggregation
chart
ods-adv-analysis

Age Pyramid with custom HTML/CSS

Create an age pyramid to present the repartition of the population in your area, with custom HTML and CSS. 3 parameters must be declared in the code: agefield : the id of the age field in your dataset genderfield : the id of the gender field in your dataset valuefield : the id of the value field in your dataset Then, you can customize the colors of the bars in the CSS file, with the 2 variables:

display
chart
ods-adv-analysis
ods-aggregation
ods-subaggregation

Age Pyramid with Vega-Lite

Create an age pyramid to present the repartition of the population in your area, with Vega-Lite. Vega-Lite is a high-level grammar of interactive graphics. It provides a concise, declarative JSON syntax to create an expressive range of visualizations for data analysis and presentation. ods-vega-lite-chart widget, in combinaison with ods-adv-analysis to get the data, allows adding Vega-Lite charts into your pages. To learn more about Vega-Lite charts in ODS pages, read the Vega-Lite presentation.

display
chart
ods-adv-analysis

ods-chart: CSS Hacks

Various CSS tricks to override you ods-chart visualisations.

display
chart

ods-chart: Custom CSS Library

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) with ods-timer.

display
chart
aggregation

Chart samples

An overview of ods-chart capabilities by type of chart

chart
aggregation

Drill-down refine in charts

Use chart to refine your page, and go deeper in your analysis step by step

navigation
chart
filter

ods-analysis, quick intro

Various examples to showcase ods-analysis. This widget exposes the results of an analysis, ie. multiple aggregations over an X axis.

ods-analysis
aggregation
chart
display