产品

ToDiagram

含 AIMCPSkill

将 JSON、YAML、XML、CSV 和 Mermaid 等结构化数据转换为可交互图表,供开发者、分析师及团队查看、编辑和分享。

todiagram.com Chrome 应用商店效率与协作 / 白板与图表

AI 竞品立项评估
桌面端
移动端
月访问
57.5K
下降13.4%环比2026 年 10 月
公开收入
未公开
暂无公开收入证据
入门价
$8/月
低于同类 54% 的产品同类中位数 $9/月
创作者
Aykut Saraç
@aykutsarach· 1,677 关注另有 1 位创作者
首次发布
24 个月前
2024-12-04 · 估算

访问

月访问数据截至 2026 年 10 月
事件10 个变化

营销动作

发布、搜索与内容、引荐、促销
  • 在 Show HN 发布(2 分)发布

    ToDiagram AI – From text to diagram, fast and easy — I’ve been working on creating diagrams from JSON, YAML and similar formats for about three years. Over time it has grown into a general-pu…

    2025 年 8 月 11 日 · 15 个月前发布页

  • 在 DevHunt 发布(2 票)发布

    ToDiagram — Transform data to diagrams

    2025 年 7 月 29 日 · 16 个月前发布页

  • 在 Product Hunt 发布发布

    Instant Code-to-Diagram with ToDiagram MCP Server

    2025 年 7 月 22 日 · 16 个月前发布页

  • 在 BetaList 发布发布

    ToDiagram – transforms data to interactive diagrams — transforms data to interactive diagrams

    2024 年 12 月 26 日 · 23 个月前发布页

  • 在 Uneed 发布(#11)发布

    ToDiagram is a data editor for JSON, YAML, XML and CSV visualization & editing.

    2024 年 12 月 24 日 · 23 个月前发布页

第三方评测与案例拆解

获客渠道拆解、工程师评测与开源档案
Show HN
2024-12-04查看原文
创作者原帖摘录:
hi folks! 3 years ago, i created json crack without knowing it’d become something people use and share. now, i’d like to introduce you to my “next step” in this project - ToDiagram. it’s more than a visualizer; it’s an editor. unlike json crack, it’s not open-source or free. it’s designed for people who frequently work with json, yaml, csv, or xml in their d
Show HN
2025-08-11查看原文
创作者原帖摘录:
I’ve been working on creating diagrams from JSON, YAML and similar formats for about three years. Over time it has grown into a general-purpose diagramming tool. With the recent addition of the MCP Server and ToDiagram Chat, I’m optimistic about where it’s headed. You can use your own OpenAI key, stored locally, without needing to sign up and generate diagra

MCP 服务与 Agent 生态

GitHub 开源与智能体接入

商店数据

Chrome 应用商店
Chrome 应用商店 Chrome 应用商店
更新日期未同步
评分
评分未同步评分数未同步
上月新增评分
—
价格与内购
免费内购数据未同步
当前版本
—商店公开档案

商店图标、评分分布、安装量级与宣传截图同步自 Apple App Store、Google Play 与 Chrome 应用商店。

流量来源

2026 年 10 月

访问构成

渠道

  • 直接访问56%
  • 外部引荐22%
  • 自然搜索14%
  • 社交媒体3%
  • 其他3%

国家/地区

  • 美国17%
  • 越南12%
  • 法国9%
  • 巴西8%
  • 英国7%

搜索

站点权重 —域名注册 2024-08-31

关键词月搜索量
json to diagram380
todiagram300
yaml come leggere github100
yaml graph100
yaml to diagdam90

流量数据:Vaneform

定价

Free
未知
Pro
$8/月
Teams
$10/月

试用:未提供 · 2 档付费($8–$10) · 观察于 2026-11-03 · 原定价页

入门价 $8/月,低于同类 54% 的产品;「白板与图表」中位数 $9/月。查看定价基准

页面与变化

开始记录于 2024-12-05

关键页面

每周快照
todiagram.com/ 快照 2026-11-04

变化

  1. 11 月 1 日 · 14 天前

    首页主标题(H1)改为「Turn JSON YAML XML CSV Mermaid anything into diagrams.」定位

    Interactive Data Diagramming Editor→Turn JSON YAML XML CSV Mermaid anything into diagrams.

    当时 月访问 57.5K同期还有 9 个动作
  2. 11 月 1 日 · 14 天前

    新增采用技术栈:Cloudflare Bot Management功能

    —→Cloudflare Bot Management

    当时 月访问 57.5K同期还有 9 个动作
  3. 11 月 1 日 · 14 天前

    移除技术栈:Contentful功能

    Contentful→—

    当时 月访问 57.5K同期还有 9 个动作
  4. 11 月 1 日 · 14 天前

    移除技术栈:Lodash功能

    Lodash→—

    当时 月访问 57.5K同期还有 9 个动作
  5. 11 月 1 日 · 14 天前

    新增采用技术栈:Next.js App Router功能

    —→Next.js App Router

    当时 月访问 57.5K同期还有 9 个动作
  6. 11 月 1 日 · 14 天前

    新增采用技术栈:PWA功能

    —→PWA

    当时 月访问 57.5K同期还有 9 个动作

设计

首屏视觉分析与 :root CSS

暖白底叠加薄荷与蜜桃光晕,粗体标题混排珊瑚色衬线字,右侧粉彩图表节点营造轻盈工具感。

首屏预览 · 点击放大

首屏讲了什么与转化路径

“Turn CSV into diagrams.”

左侧两行大标题与双按钮,下接客户标志,右侧放网格图表演示窗。

首屏转化路径:左文右图 + 首屏可交互演示或工具 → 首屏直接输入或试用 · 配合客户或媒体标志墙建立信任

色板 · 点击复制

五维设计评分7.9 / 10
字体与排版
8.0
色彩与对比
8.0
构图与留白
8.0
细节与工艺
8.0
风格辨识度
7.0

结构

字体
Poppins / JetBrains Mono
首屏版式
左文右图
主视觉
首屏可交互演示或工具
信任背书
客户或媒体标志墙
导航
顶部通栏导航
明暗与密度
浅色 · 适中
圆角与层级
大圆角 · 有阴影
预览 AI 设计说明全文(含 :root CSS 变量与版式规则)只写风格参数,禁止复刻该产品的品牌名、标志、文案与图片
# 设计说明:柔和友好(兼备渐变光晕)

低饱和粉彩、大圆角与圆润字体,配友好的插画,面向大众用户。

## 设计参数

```css
:root {
  --background: #faf9f5;
  --surface: #fffdf8;
  --foreground: #151109;
  --muted-foreground: #858581;
  --accent: #2e75de;
  --radius: 16px;
  --font-heading: "Poppins", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Poppins", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}
```

色彩面积配比:背景 #FAF9F5(约 65%) · 面板 #FFFDF8(约 20%) · 正文 #151109(约 6%) · 次要文字 #858581(约 3%) · 强调 #2E75DE(约 6%)。背景与面板占绝大部分面积,强调色只用于主按钮与当前激活状态。

## 版式与转化结构

- 首屏版式:左文右图
- 导航结构:顶部通栏导航
- 明暗与密度:浅色 · 适中
- 圆角与层级:大圆角;用阴影区分层级
- 主视觉载体:首屏可交互演示或工具
- 转化动作:首屏直接输入或试用 · 信任背书采用客户或媒体标志墙
- 标题切入点:直接行动指令
- 首屏组件特征:首屏大幅产品界面、首屏可交互工具、客户标志墙
- 空间布局拆解:左侧两行大标题与双按钮,下接客户标志,右侧放网格图表演示窗。
- 视觉特征总结:暖白底叠加薄荷与蜜桃光晕,粗体标题混排珊瑚色衬线字,右侧粉彩图表节点营造轻盈工具感。

## 避免

- 纯黑大面积
- 直角
- 等宽字体

请按上面的设计参数与版式实现界面:颜色只用这些变量,强调色只给主要操作与当前状态。只采用这种风格,禁止复刻任何参考产品的品牌名、标志、文案与图片。

问题与证据

ToDiagram 的价格是多少?
Free: 未知; Pro: $8/月; Teams: $10/月. 观察于 2026-11-03。 当前计费条件、用量限制与税费以来源页面为准。来源
ToDiagram 的网站访问量是多少?
Vaneform 估算 2026-10 网站访问量为 57.5K。访问量包含重复访问,付费客户数与收入需分别查看对应证据。来源
ToDiagram 是什么产品,支持哪些平台?
ToDiagram 归属「白板与图表」赛道:将 JSON、YAML、XML、CSV 和 Mermaid 等结构化数据转换为可交互图表,供开发者、分析师及团队查看、编辑和分享。。 支持平台包括:浏览器扩展、MCP 服务。

同分类研究对象

效率与协作 / 白板与图表

这些产品属于同一目录分类。选型时请进一步核对客户任务、功能与部署要求。