Skip to content

Bubble chart

D3 chart

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

Chart.Bubble

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

BubbleChartProps

BaseChartProps<> & {...}
NameTypeDescription
groupKeynever
xScaleScaleLinear<any, any>
yScaleScaleLinear<any, any>

Bubble

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

<Bubble />;
import { Bubble } from 'intergalactic/d3-chart';

<Bubble />;

BubbleProps

& {...}
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 radius
labelstringField name from `data` array item for the circle label
colorstringCircle color
markedCrossbooleanCross in the center of the bubble
durationnumberAnimation duration in ms
transparentbooleanEnables element transparency
patternsEnables charts patterns that enhances charts accessibility

Released under the MIT License.

Released under the MIT License.