> ## Documentation Index
> Fetch the complete documentation index at: https://insightsoftware-preview.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Floating Bubble Charts

export const InlineImage = ({src, href, alt = "", size = "medium", customSize, position = "left", children}) => {
  const sizeClasses = {
    small: "w-6 h-6",
    medium: "w-8 h-8",
    large: "w-12 h-12",
    xlarge: "w-16 h-16"
  };
  const ImageComponent = () => <img src={src} alt={alt} className={customSize ? '' : sizeClasses[size]} style={{
    verticalAlign: 'baseline',
    display: 'inline-block',
    margin: '0',
    padding: '0',
    border: 'none',
    maxHeight: '1em',
    ...customSize ? {
      width: customSize,
      height: customSize
    } : {
      width: '1em',
      height: '1em'
    }
  }} />;
  const imageElement = href ? <a href={href} className="inline-block border-b-0 no-underline">
            <ImageComponent />
        </a> : <ImageComponent />;
  return <>
            {position === "left" && imageElement}
            {position === "left" && " "}
            {children}
            {position === "right" && " "}
            {position === "right" && imageElement}
        </>;
};

Floating bubble charts are based on two metrics and two attributes. Floating bubble charts are supported by all Composer [data connectors](/logi-symphony/composer/v24/navigate/data-connector-reference) except Cloudera Search. They are supported by Composer Apache Solr connectors for version 5.2 or later.

<Note>
  **Note:** To edit the number or date and time format for this visual, see Configure Number Formatting for Visuals and Configure Date and Time Formatting for Visuals.
</Note>

The default settings used for floating bubble charts vary, based on the data source selected for the chart.

This topic describes:

* [Configure Colors for a Specific Floating Bubbles Chart](#configure-colors-for-a-specific-floating-bubbles-chart)

## Configure Colors for a Specific Floating Bubbles Chart

<b>Specify the color settings for a specific floating bubbles chart using the Color sidebar</b>

1. Edit the visual you want to modify. See Edit Visuals.

2. If you are editing the visual in a dashboard, select <b>Settings</b> from the visual drop-down menu. The sidebar menu for the visual appears. If you are editing the visual from the Visual Gallery, the sidebar appears to the right of the visual.

Select <InlineImage src="/images/image_15.png" alt="" href="https://logi-composer-v24.insightsoftware.com/hc/article_attachments/3075467682317" customSize="24px" /> on the sidebar menu. The Color sidebar for the visual appears.

<Frame>
  <img src="https://mintcdn.com/insightsoftware-preview/StJJCeTmWK0u1SbF/images/color-simple1-new.png?fit=max&auto=format&n=StJJCeTmWK0u1SbF&q=85&s=c85970143502e71685f5a65744117f78" alt="" width="395" height="776" data-path="images/color-simple1-new.png" />
</Frame>

3. Configure the color settings as described below. As you change the color settings, the legend at the top of the Color sidebar shows how the legend will appear on the visual. Supported color specifications are described in Specify Colors.

<table cellspacing="0" class="TableStyle-GENERIC-TABLESTYLE"><thead><tr class="TableStyle-GENERIC-TABLESTYLE-Head-Header1"><th class="TableStyle-GENERIC-TABLESTYLE-HeadE-Column1-Header1">Setting</th><th class="TableStyle-GENERIC-TABLESTYLE-HeadD-Column1-Header1">Description</th></tr></thead><tbody><tr class="TableStyle-GENERIC-TABLESTYLE-Body-Body1"><td class="TableStyle-GENERIC-TABLESTYLE-BodyE-Column1-Body1">Legend</td><td class="TableStyle-GENERIC-TABLESTYLE-BodyD-Column1-Body1"><p>Enable or disable to display a dynamic legend in this visual. Dynamic legends allow you to temporarily add or remove data shown in the visual. </p><ul><li><p>For distinct color styles, select a data point in the legend to turn it off and on in the visual.</p></li><li><p>Use the color selector to manually assign colors for legend items.</p></li></ul><p>If available, enable or disable a static legend for this visual.</p></td></tr><tr class="TableStyle-GENERIC-TABLESTYLE-Body-Body2"><td class="TableStyle-GENERIC-TABLESTYLE-BodyE-Column1-Body2">Color Attribute</td><td class="TableStyle-GENERIC-TABLESTYLE-BodyD-Column1-Body2">Select the attribute that affects the segment color in the visual. </td></tr><tr class="TableStyle-GENERIC-TABLESTYLE-Body-Body1"><td class="TableStyle-GENERIC-TABLESTYLE-BodyB-Column1-Body1">Group By Color Palette</td><td class="TableStyle-GENERIC-TABLESTYLE-BodyA-Column1-Body1"><p>Select a color palette for this specific visual.</p><p> Select the <b>Inherit from theme:</b> checkbox to use the color palette specified by the theme.</p></td></tr></tbody></table>
4\. Close the Color sidebar and the color settings are dynamically applied to the visual.

5. Select <InlineImage src="/images/image_22.png" alt="" href="https://logi-composer-v24.insightsoftware.com/hc/article_attachments/3075515216013" customSize="24px" /> to save the dashboard and the visual with its updated settings.