How to convert json data into flow chart

user_6573126 0
Viewed 5661

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 :

this

flowchart node.js javascript
2 Answers

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
tab chart

here where you can download it:

JSON Viewer Pro

user_128610010

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 accomplish your task.

user_105786380
Related