Bubble chart
D3 chart
For all common D3 chart properties, refer to D3 chart API.
Chart.Bubble
js
import { Chart } from '@semcore/ui/d3-chart';
BubbleChartProps
BaseChartProps<> & {...}Name | Type | Description |
---|---|---|
groupKey | never | |
xScale | ScaleLinear<any, any> | |
yScale | ScaleLinear<any, any> |
Bubble
js
import { Bubble } from '@semcore/ui/d3-chart';
<Bubble />;
BubbleProps
& {...}Name | Type | Description |
---|---|---|
x | string | Field name from `data` array item for the XAxis |
y | string | Field name from `data` array item for the YAxis |
value | string | Field name from `data` array item for the circle radius |
label | string | Field name from `data` array item for the circle label |
color | string | Circle color |
markedCross | boolean | Cross in the center of the bubble |
duration | number | Animation duration in ms |
transparent | boolean | Enables element transparency |
patterns | Enables charts patterns that enhances charts accessibility |