Changes

Jump to navigation Jump to search
no edit summary
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>
 

Navigation menu