分类

← View All Tools

热力图生成器

从数据生成可自定义的热力图，非常适合可视化数据密度、相关性和模式

热力图数据。支持包含行/列/数据的JSON对象或CSV格式

显示在图表上方的标题

自定义颜色渐变（逗号分隔的十六进制颜色，需要选择自定义方案）

每个热力图单元格的像素大小

单元格之间的间距（像素）

颜色刻度的最小值（留空自动）

颜色刻度的最大值（留空自动）

图表容器的背景颜色

在热力图单元格内显示数值

显示行和列的标签

将数值四舍五入为整数显示

在图表下方显示色标图例

关键信息

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

概览

热力图生成器是一款高效的数据可视化工具，能够将复杂的矩阵数据转化为直观的颜色编码热力图，帮助您快速识别数据密度、相关性及潜在的业务模式。

适用场景

  • •需要通过颜色深浅直观展示数据分布或密度时
  • •分析多维度变量之间的相关性矩阵时
  • •在报告中快速呈现周期性数据趋势或异常值时

工作原理

  • •输入 JSON 或 CSV 格式的矩阵数据，包含行标签、列标签及对应的数值。
  • •根据需求选择配色方案，并调整单元格大小、间距及显示选项。
  • •点击生成按钮，系统将自动渲染并输出可直接使用的可视化热力图。

使用场景

销售业绩分析：通过热力图展示不同产品在各地区的销售密度。
用户行为研究：可视化一周内不同时段的网站访问量分布。
相关性矩阵：展示多个财务指标之间的相关系数，辅助投资决策。

用户案例

1. 一周网站流量热力图

运营专员
背景原因
运营团队需要分析用户在一周内不同时段的活跃度，以便优化推送时间。
解决问题
原始数据是复杂的表格，难以一眼看出流量高峰。
如何使用
将一周的访问数据整理为 JSON 格式，行设为周一至周五，列设为时间段，选择“等离子色”方案。
示例配置
{"rows": ["周一", "周二", "周三", "周四", "周五"], "columns": ["上午", "下午", "晚上"], "data": [[20, 50, 80], [30, 60, 70], [40, 55, 90], [25, 45, 85], [35, 65, 95]]}
效果
生成了一张清晰的热力图，深色区域直观显示了周五晚上的流量最高，为运营策略提供了数据支撑。

用 Samples 测试

json, csv
CSV示例
各种数据类型、大小和复杂度级别的CSV示例文件
preferred input family json,csv
json, csv
Python 示例
Python代码示例和Hello World演示
preferred input family json,csv
json, csv
PDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
preferred input family json
json
Postman Collections - API 测试
全面的 Postman collection 示例，包括 API 测试、自动化脚本、环境变量、mock 服务器和 REST API 的高级测试模式
preferred input family json
json

相关专题

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

常见问题

热力图生成器支持哪些数据格式？

支持标准的 JSON 对象格式（包含 rows, columns, data 数组）以及常见的 CSV 文本格式。

可以自定义热力图的颜色吗？

可以。您可以选择预设的配色方案，或选择“自定义颜色”模式，通过输入十六进制颜色代码来创建专属渐变。

如何调整热力图的显示范围？

您可以在配置中手动设置“最小值”和“最大值”，系统将根据设定的范围自动映射颜色刻度。

生成的图表可以显示具体数值吗？

可以，勾选“在单元格中显示数值”选项即可在每个色块内展示对应的原始数据。

该工具是否支持导出图片？

该工具生成的结果为 HTML 格式，您可以直接在浏览器中查看，或通过截图工具保存为图片。

API 文档

请求端点

POST /zh/api/tools/heatmap-generator

请求参数

参数名 类型 必填 描述
chartData textarea 是 热力图数据。支持包含行/列/数据的JSON对象或CSV格式
chartTitle text 否 显示在图表上方的标题
colorScheme select 否 -
customColors text 否 自定义颜色渐变（逗号分隔的十六进制颜色，需要选择自定义方案）
cellSize number 否 每个热力图单元格的像素大小
cellPadding number 否 单元格之间的间距（像素）
minValue number 否 颜色刻度的最小值（留空自动）
maxValue number 否 颜色刻度的最大值（留空自动）
backgroundColor color 否 图表容器的背景颜色
showValues checkbox 否 在热力图单元格内显示数值
showLabels checkbox 否 显示行和列的标签
roundValues checkbox 否 将数值四舍五入为整数显示
showColorScale checkbox 否 在图表下方显示色标图例

响应格式

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

AI MCP 文档

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

{
  "mcpServers": {
    "elysiatools-heatmap-generator": {
      "name": "heatmap-generator",
      "description": "从数据生成可自定义的热力图，非常适合可视化数据密度、相关性和模式",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=heatmap-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]