Examples / Rect

Binned Rectangles

A simple example of a binned rectangle plot showing the distribution of Olympian weights.

<Plot
    opacity={{
        range: [$isDark ? 0 : 0.4, 1],
        type: 'sqrt'
    }}
    color={{ scheme: $isDark ? 'magma' : 'rdpu' }}>
    <Rect
        {...bin(
            { data: olympians, x: 'weight', y: 'height' },
            { fill: 'count', opacity: 'count' }
        )}
        inset={0} />
</Plot>
Last update at: 2025/10/26 11:20:44