admin管理员组

文章数量:1315300

I am trying to make a flow chart out kind of diagram from the below JSON data. There will be no condition

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

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

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

];

I am not getting any free source to do the same . Please help ..

The output should look like this :

I am trying to make a flow chart out kind of diagram from the below JSON data. There will be no condition

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

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

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

];

I am not getting any free source to do the same . Please help ..

The output should look like this :

Share Improve this question edited Feb 25, 2020 at 10:25 W Kristianto 9,3137 gold badges48 silver badges72 bronze badges asked Feb 25, 2020 at 10:21 Pritiranjan MishraPritiranjan Mishra 1031 gold badge2 silver badges8 bronze badges
Add a ment  | 

2 Answers 2

Reset to default 3

while I'm working on RESTful API I found this chrome extension and it was helpful and it can convert the JSON Object response in the browser to a flow chart by choosing the chart tab in the browser

here where you can download it:

JSON Viewer Pro

I would suggest you to use d3.js. It is a javascript library and you can use it to create any shape with dataset. You can create different shapes based upon the selector property and acplish your task.

本文标签: javascriptHow to convert json data into flow chartStack Overflow