Skip to main contentCarbon Charts ...

Bubble Charts

Bubble Charts are a dynamic way to display three dimensions of data on a plot, where each point has values for the x-axis, y-axis, and a third dimension represented by the bubble's size. This type of chart is effective for comparing and visualizing the relationships between numerical variables, where the bubble sizes can highlight the magnitude of a third variable in addition to the standard x and y axes positioning. Bubble Charts are particularly useful for displaying a large volume of data points simultaneously in a way that is both visually engaging and easy to interpret. They are ideal for sectors such as economics, finance, and social sciences, where understanding complex interdependencies in data is crucial. Their intuitive layout helps in spotting correlations and trends effectively, making Bubble Charts a valuable tool in the arsenal of data visualization techniques.

Details on Bubble chart options can be found here.

Each example has buttons below to open a StackBlitz project for the framework you selected. The examples separate data, options and templates for clarity. The fonts are loaded in the head of the HTML template. The styles are loaded in various ways according to their framework. Please note that Carbon Charts components have slightly different names for the same chart type in each framework.

Examples

Bubble (linear)

    Dataset 1

    Dataset 2

    Surplus

    20,00040,00060,000Annual sales10,00011,00012,00013,00014,00015,00016,000No. of employees

    Bubble (time series)

      Dataset 1

      Dataset 2

      Dataset 3

      Dataset 4

      Radius

      020,00040,00060,000Jan 1357911131517192023 Annual Sales Figures

      Bubble (discrete)

        Dataset 1

        Dataset 2

        Dataset 3

        Dataset 4

        Radius

        010,00020,00030,00040,00050,000QtyMoreSoldRestockingMisc2023 Annual Sales Figures

        Bubble (dual discrete axes)

          2014

          2016

          2018

          Radius

          CloudMainframeProductsSkillsSoftwareStaffingProblems

          Bubble (empty state)

            Bubble (skeleton)