Showcase how the map can be used as a selector through the refine-on-click option. It also provides an example to show/hide map layers depending on the zoom
ods-select allows the selection of one or more items from a list of options. This resource present different combinations with ods-facet-results or ods-analysis to feed the selection list.
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:
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.
Various examples to showcase ods-adv-analysis. This widget exposes the results of an aggregation through the API V2.
Various CSS tricks to override you ods-chart visualisations.
Examples to showcase ods-results widget: a simple widget to list records from a dataset, as a list or set of cards.
Custom heatmaps and bubblemaps made by hand with CSS Grid layout and HTML
Vega-Lite heatmaps and bubblemaps in combination with ods-adv-analysis
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.
Animate your data-visualisation (KPIs, Gauge) with ods-timer.
How to create fast analytics maps based on SVG static files and data aggregation.
An overview of ods-chart capabilities by type of chart
Override default catalog cards to highlight key metadata for your business
These are resources to create custom tooltips for your maps. You can use them directly in the map editor (in which case you will omit the context) or in your pages.
Date tricks with ods-timerange and angular filters. Different ways to handle dates with ods date picker
Use chart to refine your page, and go deeper in your analysis step by step
Display your facets and filters in a list with simple HTML selects
Various examples to showcase ods-aggregation. This widget exposes the results of an aggregation (sum, average, minimum, maximum etc...) function.
Various examples to showcase ods-analysis. This widget exposes the results of an analysis, ie. multiple aggregations over an X axis.