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
xstring Field name from `data` array item for the XAxis
ystring Field name from `data` array item for the YAxis
valuestring Field name from `data` array item for the circle value
colorstring Circle color
valueColorstring Circle value color
durationnumber Animation duration in ms
rnumber Radius of circles
transparentboolean Enables element transparency
patterns Enables charts patterns that enhances charts accessibility

Released under the MIT License.

Released under the MIT License.