const atree_example = [
    {
        "title": "skill",
        "desc": "desc",
        "image": "../media/atree/node.png",
        "connector": false,
        "row": 5,
        "col": 3,
    },
    {
        "image": "../media/atree/connect_angle.png",
        "connector": true,
        "rotate": "270",
        "row": 4,
        "col": 3,
    },
    {
        "title": "skill2",
        "desc": "desc",
        "image": "../media/atree/node.png",
        "connector": false,
        "row": 0,
        "col": 2            
    },
    {
        "image": "../media/atree/connect_line.png",
        "connector": true,
        "rotate": 0,
        "row": 1,
        "col": 2
    },
    {
        "title": "skill3",
        "desc": "desc",
        "image": "../media/atree/node.png",
        "connector": false,
        "row": 2,
        "col": 2            
    },
    {
        "image": "../media/atree/connect_line.png",
        "connector": true,
        "rotate": 90,
        "row": 2,
        "col": 3
    },
    {
        "title": "skill4",
        "desc": "desc",
        "image": "../media/atree/node.png",
        "connector": false,
        "row": 2,
        "col": 4
    },
    {
        "image": "../media/atree/connect_line.png",
        "connector": true,
        "rotate": 0,
        "row": 3,
        "col": 2
    },
    {
        "title": "skill5",
        "desc": "desc",
        "image": "../media/atree/node.png",
        "connector": false,
        "row": 4,
        "col": 2
    },
];