Distribution

The Distribution Report visualizes parts of a whole using horizontal bar segments and a legend. It's ideal for showing ratios like browser usage, payment methods, or customer types.

Distribution Report Example

Properties

The below table lists and explains the properties of the Distribution Report.

Prop	Description	Required
`value`	Main numeric value to summarize the total percentage (e.g. 78)	✔
`change`	Delta value (positive or negative)
`average`	Average benchmark displayed as a vertical marker
`distribution`	Array of segments { name, value, percentage, color, unit }	✔
`distribution.name`	Label of the segment (e.g. "Chrome")	✔
`distribution.percentage`	Share of the total (string or number, e.g. 40)	✔
`distribution.value`	Absolute value of the segment (e.g. 4000)
`distribution.unit`	Unit (e.g. "visits", "users")
`distribution.color`	Color representing the segment

Properties#

Code Example#

Properties

Code Example