我可以使用 d3.js 从流程图创建 json 文件吗?

Posted

技术标签:

【中文标题】我可以使用 d3.js 从流程图创建 json 文件吗?【英文标题】:Can I create json file from a flow chart using d3.js? 【发布时间】:2021-12-10 16:38:03 【问题描述】:

上下文:我正计划创建一个工具,它允许我们创建流程图,然后将该流程图数据导入 JSON 文件,然后可以在其他服务中使用。 我是 js 新手,听说过 d3 很多。那么d3有能力做到这一点吗?如果没有,我可以使用其他任何软件包/服务来完成此操作吗?

【问题讨论】:

【参考方案1】:

恕我直言,d3.js 擅长显示数据(因此得名“数据驱动文档”),但它不太适合创建允许用户“从可视化/文档创建数据,即“cdv”的编辑器.js" ;-) ).

D3.js 没有强大的图形模型,实际上接受各种数据来创建其可视化,但是您必须实现所有导致修改或创建数据的交互性(流程图元素) 基本上从头开始。

相反,我建议您看一下提供强大图表编辑功能的工具。其中一些列在this question 的答案中。

使用此处列出的更复杂的工具,您可以创建复杂的图表编辑器,如this one。它们具有内置的图表编辑功能,而不仅仅是图表可视化功能。

您也可以在 d3.js 之上执行此操作,但 d3.js 主要有助于可视化,但对交互性的帮助不大。

【讨论】:

以上是关于我可以使用 d3.js 从流程图创建 json 文件吗?的主要内容,如果未能解决你的问题,请参考以下文章

从 MySQL 结果和 PHP 为 D3.js 树创建分层 JSON?

D3.js - 从JSON创建多环圆环图数据集

从 mongodb 服务器上的数据创建 d3.js 图

在 d3.js 中导入 json 文件

从 CSV 数据创建 D3.js 可折叠树

在Javascript中为d3.js创建来自URL的多字节JSON