Skip to main content
Version: 9.0.0

Bubble

A common visualization type that extends from a Scatter chart. The bubble chart is a scatter chart with individual point sizes and/or colors. This way, the size or color of each point can represent a property of the data point.

For example, older measurements can have less opacity. Or, more impactful events may have larger point size, etc.

Chart with bubble seriesChart with bubble series

// Creation of a bubble series
const bubbleSeries = chart.addPointSeries()
    .appendSamples({
        xValues: [4, 2, 6],
        yValues: [5, 2, 8],
        sizes: [10, 25, 5]
    })
    .setDataMapping({ x: 'xValues', y: 'yValues', size: 'sizes' })

Chart with bubble seriesChart with bubble series

Adding data​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Schema and data mapping​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Point color​

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter

Point shape​

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter

Point rotation​

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter

Individual colors​

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter

Color by lookup table​

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter

Color by X or Y​

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter

Color by gradient​

This section works the same as for Scatter, to avoid duplication of guides, please refer to the section under Scatter

Using timestamps​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Data cleaning / maximum memory use​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Connecting to non-default axis​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Solve nearest from location​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Interactions with data points​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Edit samples data​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Read back data​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Data storage optimization​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Separating data sets from series​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line

Scaling, offsetting and transforming coordinates​

This section works the same as for Line, to avoid duplication of guides, please refer to the section under Line