Javascript 如何将json数据转换为流程图

我试图用下面的JSON数据制作一个流程图。没有条件

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

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

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

];

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

输出应如下所示：

---

我建议您使用。它是一个javascript库，您可以使用它创建具有dataset的任何形状。您可以根据selector属性创建不同的形状并完成任务。

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

您可以在此处下载：