Proximus design systemDevImportant information:
Using the Design System implies following some rules: the code should be valid and same as the Design System. Meaning custom HTML & CSS override are forbidden.
Please don't forget to read Usage part of each element.
Please don't forget to read Usage part of each element.
Data Visualization
Graphical representation to present information/data and provide an accessible way to see and understand trends, outliers, and patterns in data.
-
Chart
Compare different values that are hierarchically equivalent. Each bar is mapped to a dimension value with a length determined by a metric.
-
Chart
Comparing different values that are hierarchically equivalent. Each bar is mapped to a dimension value with a length determined by a metric.
-
Donut graph
Donut graph show the part-to-whole relationship of one value compared to its total.
-
Progress bar
Progress bar is horizontal visualisation on a 100% scale.