We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback


Overview

The React matrix bubble chart is a HeatMap Chart type that represents matrix data graphically using bubbles. The individual data point values in the matrix bubble chart are represented using the variations in bubble attributes such as size, color, and sector.


Bubble HeatMap with size attribute

Visualize matrix data graphically with bubble size variations in this bubble heatmap type. The larger the bubble size, the larger the magnitude of the data will be, but this can be reversed by using the built-in APIs.


Bubble HeatMap with color attribute

This React matrix bubble chart type visualizes the data graphically with bubble color variations. Use built-in APIs to map the colors for the bubbles in a heatmap.


Bubble HeatMap with sector attribute

This React matrix bubble chart type visualizes the data graphically using the sector size variations of the bubbles. Use built-in APIs to change the sector background and borders.


HeatMap Chart with bubble size and color variations

Use this matrix bubble chart type to bind two different datasets with the same axis coordinates. Visualize one dataset with the bubble size attribute and another dataset using the bubble color variations. Use built-in APIs to map the data to the color and size attributes of the bubble.


85+ REACT UI COMPONENTS

Scroll up icon