矩阵图生成器

生成相关性和对比矩阵图，支持颜色强度映射和网格布局

相关标签
颜色 184 可视化 58 数据可视化 50 图表 46 Color Mapping 3

Matrix data as 2D array. Supports JSON array or CSV format with comma-separated values

显示在矩阵图上方的标题

图表的背景颜色

每个单元格的像素大小

单元格值的字体大小

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

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

图表的像素宽度

图表的像素高度

在单元格内显示数值

显示行和列标签（如果可用）

在单元格之间显示网格线

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

关键信息

分类
图表与可视化
输入类型
textarea, text, select, color, number, checkbox
输出类型
html
样本覆盖
4
支持 API
Yes

概览

矩阵图生成器是一款高效的数据可视化工具，能够将复杂的二维数组或 CSV 数据快速转化为直观的相关性矩阵或热力图，通过颜色强度映射帮助用户一眼识别数据间的关联与差异。

适用场景

  • •需要分析多变量之间的相关性系数时
  • •需要对比不同类别或指标的数值分布时
  • •需要将枯燥的数字表格转化为易于演示的专业热力图时

工作原理

  • •输入 JSON 格式或 CSV 格式的二维矩阵数据。
  • •选择配色方案并根据需求调整单元格大小、字体及网格显示设置。
  • •设置数值范围以优化颜色映射效果，点击生成即可获取可视化矩阵图。

使用场景

金融分析：展示不同资产类别之间的收益相关性矩阵。
用户行为分析：通过热力图展示不同时间段或页面的点击强度。
绩效评估：对比多部门在不同 KPI 指标上的得分情况。

用户案例

1. 资产相关性热力图

金融分析师
背景原因
分析师需要向客户展示五种不同投资组合在过去一年的相关性，以证明资产配置的多元化效果。
解决问题
原始数据为 Excel 中的相关系数表，难以直观展示各资产间的联动关系。
如何使用
将相关系数矩阵粘贴至输入框，选择“蓝色渐变”配色，并勾选“显示单元格值”。
示例配置
{"colorScheme": "blue", "showValues": true, "showGrid": true}
效果
生成了一张清晰的蓝色系热力图，深色区域代表高相关性，浅色区域代表低相关性，便于客户快速理解配置逻辑。

2. 部门 KPI 绩效对比矩阵

运营经理
背景原因
运营经理需要对比四个部门在四个关键指标上的完成度，以便进行季度复盘。
解决问题
数字表格过于密集，难以快速定位表现优异或落后的部门。
如何使用
输入 4x4 的绩效得分矩阵，选择“绿色渐变”配色，并开启“四舍五入数值”功能。
示例配置
{"colorScheme": "green", "roundValues": true, "showLabels": true}
效果
通过颜色深浅直观展示了各部门的绩效强弱，高分单元格呈现深绿色，低分单元格呈现浅绿色，一目了然。

用 Samples 测试

json, csv
CSV示例
各种数据类型、大小和复杂度级别的CSV示例文件
preferred input family json,csv
json, csv
Python 示例
Python代码示例和Hello World演示
preferred input family json,csv
json, csv
分布式追踪示例
使用 Jaeger、OpenTelemetry 和其他现代可观测性工具的综合分布式追踪示例，适用于微服务架构
preferred input family json
json
ELK Stack 日志分析示例
全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化
preferred input family json
json

相关专题

JSON Schema、Mock 数据与 API 夹具生成工具
围绕JSON Schema 生成、Mock 负载构建与 API 夹具准备整理的一组工具。
JSON 交换与格式翻译工具
在一个专题里比较 JSON 与 CSV、YAML、TOML、GraphQL、XML、Markdown、Excel、BSON、EDN 等结构化格式之间的转换工具。
JSON 检查、对比与转换工具
把 JSON 格式化、差异对比、路径检查、Schema 校验、合并、转换和导出工具集中到一个专题中，适合 API 与数据处理流程。
CSV 导出与表格转换工具
在一个专题里比较 CSV 与 Excel、JSON、HTML、Markdown、XML 和文本之间的转换工具，适合表格导出与交换工作流。

常见问题

支持哪些格式的数据输入？

支持标准的 JSON 二维数组格式以及逗号分隔的 CSV 文本格式。

如何调整颜色的深浅？

工具会根据数值大小自动映射颜色强度，你也可以通过设置最小值和最大值来手动控制颜色分布范围。

生成的图表可以自定义尺寸吗？

可以，你可以在配置项中直接指定图表的像素宽度和高度，以及单个单元格的尺寸。

是否支持隐藏单元格中的具体数值？

支持，只需取消勾选“显示单元格值”选项即可仅保留颜色块展示。

生成的图表支持导出吗？

本工具生成 HTML 格式的交互式图表，你可以通过浏览器截图或打印功能保存为图片。

API 文档

请求端点

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

请求参数

参数名 类型 必填 描述
matrixData textarea 是 Matrix data as 2D array. Supports JSON array or CSV format with comma-separated values
chartTitle text 否 显示在矩阵图上方的标题
colorScheme select 否 -
backgroundColor color 否 图表的背景颜色
cellSize number 否 每个单元格的像素大小
fontSize number 否 单元格值的字体大小
minValue number 否 颜色刻度的最小值（留空自动）
maxValue number 否 颜色刻度的最大值（留空自动）
chartWidth number 否 图表的像素宽度
chartHeight number 否 图表的像素高度
showValues checkbox 否 在单元格内显示数值
showLabels checkbox 否 显示行和列标签（如果可用）
showGrid checkbox 否 在单元格之间显示网格线
roundValues checkbox 否 将数值四舍五入为整数显示

响应格式

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

AI MCP 文档

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

{
  "mcpServers": {
    "elysiatools-matrix-chart-generator": {
      "name": "matrix-chart-generator",
      "description": "生成相关性和对比矩阵图，支持颜色强度映射和网格布局",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=matrix-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]