如何将json数据转换成流程图

Question

我正在尝试从下面的 JSON 数据中制作出一种图表的流程图。 不会有条件

var a = [
            {
            "selector": "mark",
            "color": "#1b1f23"
        }
    ,
        {
            "selector": "legend",
            "color": "inherit"
        }
    ,

        {
            "selector": "::-webkit-input-placeholder",
            "color": "inherit"
        }
    ,

        {
            "selector": "body",
            "color": "#24292e"
        }

];

我没有得到任何免费资源来做同样的事情。 请帮忙 ..

输出应如下所示：

Answer 1

我建议你使用d3.js 。 它是一个 javascript 库，您可以使用它来创建带有数据集的任何形状。 您可以根据选择器属性创建不同的形状并完成您的任务。

Answer 2

当我在研究 RESTful API 时，我发现了这个 chrome 扩展，它很有帮助，它可以通过选择浏览器中的图表选项卡将浏览器中的 JSON 对象响应转换为流程图

在这里你可以下载它：

JSON 查看器专业版