分类

← View All Tools

气泡图生成器

从数据生成可自定义的气泡图，支持三个维度（X、Y、大小）的可视化

图表数据。支持JSON数组或简单的标签,X,Y,大小文本格式

显示在图表上方的标题

Primary color for the bubbles (used if color scheme is not rainbow)

气泡的透明度（0.1到1.0）

气泡大小的缩放因子

图表容器的背景颜色

网格线的颜色

图表的像素高度

X轴最大值（留空自动缩放）

Y轴最大值（留空自动缩放）

X轴最小值（留空自动缩放）

Y轴最小值（留空自动缩放）

X轴的标签

Y轴的标签

显示网格线以便更好阅读

在气泡上显示标签

在图表下方显示图例

关键信息

分类
Data Visualization
输入类型
textarea, text, select, color, number, checkbox
输出类型
html
样本覆盖
4
支持 API
Yes

概览

气泡图生成器是一个在线工具，可将您的数据快速转化为直观的气泡图。它支持同时可视化三个维度的数据（X轴、Y轴和气泡大小），并提供丰富的自定义选项，如配色方案、透明度和轴标签，帮助您创建清晰、专业的图表。

适用场景

  • •当您需要同时比较和展示三个变量之间的关系时，例如分析产品的市场份额、增长率和利润率。
  • •当您希望快速将原始数据（如CSV或JSON格式）转化为可视化图表，用于报告或演示时。
  • •当您需要高度自定义图表外观，如调整颜色、背景和网格线，以匹配品牌或演示主题时。

工作原理

  • •在“图表数据”输入框中，粘贴或输入您的数据。支持JSON数组格式（包含label, x, y, size键）或简单的文本格式（每行：标签,X值,Y值,大小值）。
  • •根据需要配置图表选项，如设置图表标题、选择配色方案、调整气泡透明度和缩放比例、定义坐标轴范围和标签等。
  • •点击生成按钮，工具将立即渲染出可交互的气泡图。您可以直接在页面上查看结果。

使用场景

市场分析：可视化不同产品线在价格（X轴）、销量（Y轴）和市场份额（气泡大小）上的分布，快速识别明星产品和问题产品。
项目评估：比较多个项目在预算（X轴）、预期收益（Y轴）和所需资源（气泡大小）上的情况，辅助决策优先级。
学术研究：展示实验数据中三个变量的相关性，例如在不同温度（X轴）和压力（Y轴）下，反应速率（气泡大小）的变化趋势。

用户案例

1. 产品竞争力分析

市场分析师
背景原因
公司有五款核心产品，需要向管理层直观展示它们在市场中的竞争地位。
解决问题
需要在一个图表中同时展示产品的价格、客户满意度评分和市场占有率三个维度。
如何使用
将产品数据整理为JSON格式：[{"label": "产品A", "x": 299, "y": 4.5, "size": 35}, ...]。粘贴到数据输入框，设置X轴标签为“价格（元）”，Y轴标签为“满意度评分”，选择“商务色”配色方案。
示例配置
chartData: [{"label": "产品A", "x": 299, "y": 4.5, "size": 35}, {"label": "产品B", "x": 499, "y": 4.8, "size": 25}, {"label": "产品C", "x": 199, "y": 3.9, "size": 40}], xAxisLabel: "价格（元）", yAxisLabel: "满意度评分", colorScheme: "business"
效果
生成一张气泡图，清晰显示产品C价格低、份额大但满意度一般；产品B价格高、满意度最高但份额较小；产品A处于中间位置。

2. 全球发展指标对比

背景原因
一份包含多个国家GDP、人口和二氧化碳排放量的数据集。
解决问题
希望探索经济发展、人口规模与碳排放之间是否存在关联模式。
如何使用
使用文本格式输入数据，每行一个国家：国家名,GDP（万亿美元）,人口（亿）,碳排放（亿吨）。设置X轴为“GDP”，Y轴为“人口”，气泡大小代表“碳排放”。调整气泡透明度为0.6以便观察重叠部分。
示例配置
chartData: "中国,17.7,14.1,114\n美国,23.0,3.3,50\n印度,3.2,14.1,27\n日本,4.2,1.3,11", xAxisLabel: "GDP（万亿美元）", yAxisLabel: "人口（亿）", bubbleOpacity: 0.6
效果
图表直观显示，美国GDP最高但人口较少，碳排放量大；中国和印度人口规模相近，但中国的GDP和碳排放量显著更高，揭示了发展差异。

用 Samples 测试

json
Grafana 高级应用示例
全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
preferred input family json
json
D3.js 数据可视化示例
全面的D3.js数据可视化示例，包括图表、地图、动画和交互式可视化
preferred input family json
json
PDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
preferred input family json
json
WebRTC 实时通信示例
全面的 WebRTC 示例，用于点对点音视频通信、数据通道、屏幕共享和信令服务器实现
preferred input family json
json

相关专题

JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
Json 工具专题
探索 43 个围绕 json 的 utility 工作流工具，快速找到相近能力。
JsonGenerate工具专题
探索 33 个围绕 json 的 generate 工作流工具，快速找到相近能力。
JsonFormat工具专题
探索 6 个围绕 json 的 format 工作流工具，快速找到相近能力。

常见问题

支持哪些数据输入格式？

支持两种格式：1) JSON数组，每个对象需包含label、x、y、size字段；2) 纯文本，每行一个数据点，格式为“标签,X值,Y值,大小值”，用逗号分隔。

可以自定义气泡的颜色吗？

可以。您可以选择预设的配色方案（如暖色调、商务色），也可以单独设置“主要气泡颜色”。如果选择“默认”配色方案，气泡将使用您指定的主要颜色。

气泡的大小代表什么？

气泡的大小由您数据中提供的“size”值决定。您可以通过“气泡缩放”滑块来统一调整所有气泡的视觉大小比例。

生成的图表可以导出吗？

生成的图表以HTML形式呈现。您可以直接在浏览器中查看、截图，或使用浏览器的打印功能将其保存为PDF。

这个工具适合分析什么类型的数据？

适合分析任何包含三个可量化维度的数据集，例如：不同地区的销售额、客户数量和平均订单金额；或不同产品的成本、性能和用户评分。

API 文档

请求端点

POST /zh/api/tools/bubble-chart-generator

请求参数

参数名 类型 必填 描述
chartData textarea 是 图表数据。支持JSON数组或简单的标签,X,Y,大小文本格式
chartTitle text 否 显示在图表上方的标题
colorScheme select 否 -
bubbleColor color 否 Primary color for the bubbles (used if color scheme is not rainbow)
bubbleOpacity number 否 气泡的透明度（0.1到1.0）
bubbleScale number 否 气泡大小的缩放因子
backgroundColor color 否 图表容器的背景颜色
gridColor color 否 网格线的颜色
chartHeight number 否 图表的像素高度
xMaxValue number 否 X轴最大值（留空自动缩放）
yMaxValue number 否 Y轴最大值（留空自动缩放）
xMinValue number 否 X轴最小值（留空自动缩放）
yMinValue number 否 Y轴最小值（留空自动缩放）
xAxisLabel text 否 X轴的标签
yAxisLabel text 否 Y轴的标签
showGrid checkbox 否 显示网格线以便更好阅读
showValues checkbox 否 在气泡上显示标签
showLegend checkbox 否 在图表下方显示图例

响应格式

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中： 

{
  "mcpServers": {
    "elysiatools-bubble-chart-generator": {
      "name": "bubble-chart-generator",
      "description": "从数据生成可自定义的气泡图，支持三个维度（X、Y、大小）的可视化",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=bubble-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。

如果遇见问题，请联系我们：[email protected]