What data format does the tool accept?

You can input data as a JSON array of objects or as simple text lines in the format: label,x,y,size.

Can I customize the axis ranges?

Yes, you can manually set the minimum and maximum values for both the X and Y axes, or leave them blank for automatic scaling.

How do I change the size of the bubbles?

Use the 'Bubble Scale' option to adjust the relative size of the bubbles to better fit your chart's visual requirements.

Is it possible to change the chart's color scheme?

Yes, the tool provides several presets including Warm, Cool, Pastel, Vibrant, and Business themes.

Can I hide the labels on the bubbles?

Yes, you can toggle the 'Show Labels on Bubbles' checkbox to display or hide the data labels.

Elysia Tools

Navigation

Data Visualization

Bubble Chart Generator

Generate customizable bubble charts from data with three dimensions (x, y, size)

Execution

Run this tool

Fill in the form, run the tool, and review the result in one place.

Inputs

Options are grouped so long tools stay easier to scan.

18 options

ContentPaste or type the main input values.4

Chart DatatextareaRequiredData for the chart. Can be JSON array or simple label,x,y,size pairsChart TitletextOptionalTitle that will be displayed above the chartX-Axis LabeltextOptionalLabel for the X-axisY-Axis LabeltextOptionalLabel for the Y-axis

SettingsAdjust formats, ranges, numbers, and modes.11

Color SchemeselectOptionalPrimary Bubble ColorcolorOptionalPrimary color for the bubbles (used if color scheme is not rainbow)Bubble OpacitynumberOptionalOpacity of bubbles (0.1 to 1.0)Bubble ScalenumberOptionalScale factor for bubble sizesBackground ColorcolorOptionalBackground color for the chart containerGrid ColorcolorOptionalColor for the grid linesChart HeightnumberOptionalHeight of the chart in pixelsX-Axis MaximumnumberOptionalMaximum value for X-axis (leave empty for auto-scale)Y-Axis MaximumnumberOptionalMaximum value for Y-axis (leave empty for auto-scale)X-Axis MinimumnumberOptionalMinimum value for X-axis (leave empty for auto-scale)Y-Axis MinimumnumberOptionalMinimum value for Y-axis (leave empty for auto-scale)

TogglesEnable or disable optional behavior.3

Show Grid LinescheckboxOptionalEnabled when checkedDisplay grid lines for better readabilityShow Labels on BubblescheckboxOptionalEnabled when checkedDisplay labels on bubblesShow LegendcheckboxOptionalEnabled when checkedDisplay a legend below the chart

Result

Ready for a run

Run the tool to preview files, text, structured data, or streamed output here.

Samples

Bubble Chart Generator

Run this tool

Inputs

Result

Examples that match this tool

Continue with connected tools and hubs

Inputs

Result

Learn when to use this tool, what it supports, and how real users apply it.

Key facts

Overview

When to use

How it works

Use cases

Examples

1. Product Portfolio Analysis

2. Regional Sales Distribution

FAQ

Grafana Advanced Application Samples

D3.js Data Visualization Samples

Terraform Plan JSON Samples

QR Code Samples

Bar Chart Generator

Donut Chart Generator

Funnel Chart Generator

Gauge Chart Generator

Chart and Diagram Generators

JSON Interchange and Format Translation Tools

JSON Inspection, Diff, and Transformation Tools

JSON Schema, Mock Data, and API Fixture Generators