This React bubble chart example visualizes the literacy rates and GDP growth rates of countries. A tooltip shows more information about the countries.
In this example, you can see how to render and configure the bubble chart. The bubble chart is a type of chart that shows three dimensions of the data. Each point is drawn as a bubble, where the bubble's size depends on the
Size property. You can also use the
Fill property to customize the data appearance.
Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices.
Chart component features are segregated into individual feature-wise modules. To use bubble series, we need to inject
BubbleSeries module into
More information on the bubble series can be found in this documentation section.