Line 13: |
Line 13: |
| |format=ul | | |format=ul |
| }} | | }} |
| + | |
| + | |
| + | |
| + | { |
| + | "version": 2, |
| + | "width": 550, |
| + | "height": 400, |
| + | "data": [ |
| + | { |
| + | "name": "tree", |
| + | "url": "wikiraw:///Extension:Graph/data/flare-json", |
| + | "format": {"type": "treejson"}, |
| + | "transform": [ |
| + | {"type": "hierarchy", "field": "size", "size": [400, 500]} |
| + | ] |
| + | } |
| + | ], |
| + | "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"} |
| + | } |
| + | } |
| + | } |
| + | ] |
| + | } |