Line 13: |
Line 13: |
| |format=ul | | |format=ul |
| }} | | }} |
− |
| |
− |
| |
− | <graph>
| |
− |
| |
− | {
| |
− | "version": 2,
| |
− | "width": 550,
| |
− | "height": 400,
| |
− | "data": [
| |
− | {
| |
− | "name": "tree",
| |
− | "format": { "type": "treejson" },
| |
− | "transform": [
| |
− | {
| |
− | "type": "hierarchy",
| |
− | "field": "size",
| |
− | "size": [400, 500]
| |
− | }
| |
− | ],
| |
− | "values": {
| |
− | "name": "self",
| |
− | "children": [
| |
− | { "name": "child0" },
| |
− | {
| |
− | "name": "child1",
| |
− | "children": [
| |
− | { "name": "grandchild0" },
| |
− | { "name": "grandchild1" }
| |
− | ]
| |
− | }
| |
− | ]
| |
− | }
| |
− | }
| |
− | ],
| |
− | "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"}
| |
− | }
| |
− | }
| |
− | }
| |
− | ]
| |
− | }
| |
− |
| |
− | </graph>
| |