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<> & {...}Name | Type | Description |
---|---|---|
groupKey | string | |
xScale | ScaleLinear<any, any> | ScaleTime<any, any> | |
yScale | ScaleLinear<any, any> | |
valueKey | string |
ScatterPlot
js
import { ScatterPlot } from 'intergalactic/d3-chart';
<ScatterPlot />;
import { ScatterPlot } from 'intergalactic/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 |
patterns | Enables charts patterns that enhances charts accessibility |