Examples / Bar

Dynamic border radius

Bar chart with dynamic border radius based on data values.

scale type mismatch for y (needs band) 
<Plot>
    <BarX
        {data}
        x="value"
        y="name"
        sort="value"
        borderRadius={(d) => {
            return d.value < 0
                ? { topLeft: 20, bottomLeft: 20 }
                : { topRight: 20, bottomRight: 20 };
        }} />
</Plot>
Last update at: 2025/10/26 11:20:44