如何將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 查看器專業版