Extension:Graph/Demo/CartesianTree

{ "version": 2, "width": 950, "height": 1600, "data": [ {     "name": "tree", "url": "/w/index.php?title=Extension:Graph/data/flare-json&action=raw", "format": {"type": "treejson"}, "transform": [ {"type": "hierarchy", "field": "size", "size": [1600, 800]} ]   }  ],  "marks": [ {     "type": "path", "from": { "data": "tree", "transform": [ {           "type": "filter", "test": "datum.parent" },         {            "type": "linkpath", "sourceX": "parent.layout_y", "sourceY": "parent.layout_x", "targetX": "layout_y", "targetY": "layout_x", "shape": "diagonalX" }       ]      },      "properties": { "enter": { "path": {"field": "layout_path"}, "stroke": {"value": "#ddd"} }     }    },    {      "type": "text", "from": {"data": "tree"}, "properties": { "enter": { "x": {"field": "layout_y", "offset": -10}, "y": {"field": "layout_x"}, "font": {"value": "Helvetica Neue"}, "fontSize": {"value": 10}, "align": {"value": "left"}, "baseline": {"value": "middle"}, "fill": {"value": "#000"}, "text": {"field": "name"} }     }    }  ] }