Skip to content

Scatterplot chart

D3 chart

For all common D3 chart properties, refer to D3 chart API.

Chart.ScatterPlot

js
import { Chart } from 'intergalactic/d3-chart';
import { Chart } from 'intergalactic/d3-chart';

ScatterPlotChartProps

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

ScatterPlot

js
import { ScatterPlot } from 'intergalactic/d3-chart';

<ScatterPlot />;
import { ScatterPlot } from 'intergalactic/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
patternsEnables charts patterns that enhances charts accessibility

Released under the MIT License.

Released under the MIT License.