D3 API
Chart.ScatterPlot
js
import { Chart } from '@semcore/ui/d3-chart';
import { Chart } from '@semcore/ui/d3-chart';
ScatterPlotChartProps
BaseChartProps<> & {...}Name | Type | Description |
---|---|---|
groupKey | string | |
xScale | ScaleLinear<anyany> | ScaleTime<anyany> | |
yScale | ScaleLinear<anyany> | |
valueKey | string |
ScatterPlot
js
import { ScatterPlot } from '@semcore/ui/d3-chart';
<ScatterPlot />;
import { ScatterPlot } from '@semcore/ui/d3-chart';
<ScatterPlot />;
ScatterPlotProps
& {...}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 value |
color | string | Circle color |
valueColor | string | Circle value color |
duration | number | Animation duration in ms |
r | number | Radius of circles |
transparent | boolean | Enables element transparency |