new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

Mantine · all subjects

charts/treemap

6 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Treemap component overview

Treemap is a Mantine component based on the Recharts Treemap component. It displays hierarchical data as a set of nested rectangles.

Treemap nested data support

Treemap supports nested data where each data item can have a children array. The color property on a parent node is used for all its children.

Treemap node color

Treemap node colors can reference colors from the Mantine theme object the same way as in other components, for example: blue, red.5, orange.7. Any valid CSS color value is also accepted.

Treemap autoContrast prop

The autoContrast prop automatically adjusts text color based on the background color of each node to ensure readable labels.

Treemap node stroke control

Use the strokeWidth prop to control the width of the stroke around each node. Use the strokeColor prop to change the color of the stroke.

Treemap tooltip disable

To disable the tooltip in Treemap, set the withTooltip prop to false.

Give your agent this brain