Skip to content

Scatterplot chart

D3 API

Chart.ScatterPlot

js
import { Chart } from '@semcore/ui/d3-chart';
import { Chart } from '@semcore/ui/d3-chart';

ScatterPlotChartProps

BaseChartProps<> & {...}
NameTypeDescription
groupKeystring
xScaleScaleLinear<anyany> | ScaleTime<anyany>
yScaleScaleLinear<anyany>
valueKeystring

ScatterPlot

js
import { ScatterPlot } from '@semcore/ui/d3-chart';

<ScatterPlot />;
import { ScatterPlot } from '@semcore/ui/d3-chart';

<ScatterPlot />;

ScatterPlotProps

& {...}
NameTypeDescription
xstringField name from `data` array item for the XAxis
ystringField name from `data` array item for the YAxis
valuestringField name from `data` array item for the circle value
colorstringCircle color
valueColorstringCircle value color
durationnumberAnimation duration in ms
rnumberRadius of circles
transparentbooleanEnables element transparency

Released under the MIT License.

Released under the MIT License.