分类

← View All Tools

象形图生成器

使用图标/符号创建象形图来表示数量，支持自定义图标、颜色和布局

JSON数组格式的数据项，包含标签、数值和可选颜色属性

显示在象形图上方的标题

选择"自定义图标"时使用的表情符号

每个图标表示的数值

每个图标的像素大小

图标之间的像素间距

每行最大图标数量（0=无限制）

图标的默认颜色（可被单个项目的颜色覆盖）

图表的背景颜色

图标的边框颜色

边框宽度（像素）

标签和数值的字体大小

图表标题的字体大小

图表标题的颜色

在标签旁边显示数值

显示分类标签

显示图标值的图例

加载时动画图标

为图标应用圆角

关键信息

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

概览

象形图生成器是一款直观的数据可视化工具，通过将数值转化为图标或符号，帮助用户以更生动、易懂的方式展示统计数据。无论是展示人口分布、资源分配还是销售业绩，你都可以通过自定义图标类型、颜色、布局及间距，快速生成专业且具有视觉冲击力的象形图表。

适用场景

  • •需要将枯燥的统计数字转化为直观的视觉图形时。
  • •在演示文稿或报告中，希望通过图标增强数据表现力时。
  • •需要对比不同类别之间的数量差异，并追求简洁美观的展示效果时。

工作原理

  • •输入 JSON 格式的数据项，包含标签、数值及对应的颜色设置。
  • •选择预设的图标类型（如人物、星星、货币等）或使用自定义表情符号。
  • •调整图标大小、间距、布局方式及标题样式，实时预览生成效果。
  • •确认配置无误后，即可生成并导出可视化象形图。

使用场景

人力资源：使用人物图标直观展示各部门的人员构成比例。
市场营销：通过货币或购物袋图标展示不同产品的销售额对比。
教育培训：利用星星或奖杯图标展示学生或团队的成就等级。

用户案例

1. 部门人员构成统计

人力资源专员
背景原因
HR 需要在月度会议上展示公司各部门的人员规模，传统的柱状图显得过于刻板。
解决问题
需要一种更具亲和力的方式来展示各部门人数，以便管理层快速感知规模差异。
如何使用
在数据项中输入各部门人数，选择“人物”图标，并设置每行最大图标数为 10，开启显示数值。
示例配置
[{"label": "研发部", "value": 45, "color": "#3b82f6"}, {"label": "市场部", "value": 25, "color": "#10b981"}, {"label": "销售部", "value": 30, "color": "#f59e0b"}]
效果
生成了一张由人物图标组成的象形图，清晰地展示了各部门的人员分布，视觉效果直观且专业。

2. 年度产品销售表现

电商运营
背景原因
运营团队需要对比三款核心产品的年度销量，希望在社交媒体海报中使用更具吸引力的图表。
解决问题
普通图表难以在社交媒体上吸引用户注意，需要更具视觉冲击力的符号化表达。
如何使用
选择“购物袋”图标，设置图标大小为 40，开启圆角图标效果，并为不同产品设置品牌色。
示例配置
[{"label": "产品 A", "value": 120, "color": "#6366f1"}, {"label": "产品 B", "value": 80, "color": "#ec4899"}]
效果
生成了色彩鲜明、排列整齐的购物袋象形图，有效提升了数据在社交媒体上的传播力和可读性。

用 Samples 测试

json, image, text
PDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
preferred input family json
json
二维码示例
用于测试二维码读取和生成工具的示例二维码图像
preferred input family json
json
Grafana 高级应用示例
全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
preferred input family json
json
D3.js 数据可视化示例
全面的D3.js数据可视化示例，包括图表、地图、动画和交互式可视化
preferred input family json
json

相关专题

JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
ImageConvert工具专题
探索 100 个围绕 image 的 convert 工作流工具，快速找到相近能力。
TextConvert工具专题
探索 80 个围绕 text 的 convert 工作流工具，快速找到相近能力。
Json 工具专题
探索 43 个围绕 json 的 utility 工作流工具，快速找到相近能力。

常见问题

我可以自定义图标吗？

可以，在“图标类型”选项中选择“自定义图标”，然后在“自定义图标”输入框中填入你想要的表情符号即可。

如何调整图标的排列方式？

你可以通过“布局”选项选择“灵活流式”或“固定网格”，并设置“每行最大图标数”来控制图表的形状。

数据项 JSON 格式应该怎么写？

请使用数组格式，例如：[{"label": "A", "value": 10, "color": "#3b82f6"}, {"label": "B", "value": 20, "color": "#ef4444"}]。

图标的大小和间距可以精确控制吗？

可以，工具提供了“图标大小”和“图标间距”的数值滑块，支持以像素为单位进行精确调整。

生成的图表支持动画效果吗？

支持，勾选“启用动画”选项后，图表在加载时会呈现动态展示效果。

API 文档

请求端点

POST /zh/api/tools/pictograph-generator

请求参数

参数名 类型 必填 描述
chartTitle text 否 显示在象形图上方的标题
dataItems textarea 是 JSON数组格式的数据项，包含标签、数值和可选颜色属性
iconType select 是 -
customIcon text 否 选择"自定义图标"时使用的表情符号
iconValue number 是 每个图标表示的数值
iconSize number 否 每个图标的像素大小
iconSpacing number 否 图标之间的像素间距
maxIconsPerRow number 否 每行最大图标数量（0=无限制）
layout select 否 -
orientation select 否 -
customColor color 否 图标的默认颜色（可被单个项目的颜色覆盖）
backgroundColor color 否 图表的背景颜色
borderColor color 否 图标的边框颜色
borderWidth number 否 边框宽度（像素）
fontSize number 否 标签和数值的字体大小
titleSize number 否 图表标题的字体大小
fontWeight select 否 -
titleWeight select 否 -
titleColor color 否 图表标题的颜色
showValues checkbox 否 在标签旁边显示数值
showLabels checkbox 否 显示分类标签
showLegend checkbox 否 显示图标值的图例
animationEnabled checkbox 否 加载时动画图标
roundedCorners checkbox 否 为图标应用圆角

响应格式

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

AI MCP 文档

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

{
  "mcpServers": {
    "elysiatools-pictograph-generator": {
      "name": "pictograph-generator",
      "description": "使用图标/符号创建象形图来表示数量，支持自定义图标、颜色和布局",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=pictograph-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]