983
edits
Tag: Reverted |
Tag: Reverted |
||
Line 10: | Line 10: | ||
"data": [ | "data": [ | ||
{"name": "tree", "values": [ | {"name": "tree", "values": [ | ||
{" | {"E": "Noldorinian †"}, | ||
{"A": "Proto-Ortûlékian","B": "Proto-Olgish","C": "Old Olgish","E": "Old Olgish Koiné*"}, | {"A": "Proto-Ortûlékian","B": "Proto-Olgish","C": "Old Olgish","E": "Old Olgish Koiné*"}, | ||
{"A": "Proto-Ortûlékian","B": "Proto-Olgish","C": "Old Olgish","D": "Middle Olgish","E": "Liturgical Olgish*"}, | {"A": "Proto-Ortûlékian","B": "Proto-Olgish","C": "Old Olgish","D": "Middle Olgish","E": "Liturgical Olgish*"}, | ||
Line 72: | Line 72: | ||
***** Iilish | ***** Iilish | ||
'''<big>Notes</big>'''<references /> --> | '''<big>Notes</big>'''<references /> --> | ||
<graph> | |||
{ | |||
"$schema": "https://vega.github.io/schema/vega/v5.json", | |||
"description": "An example of Cartesian layouts for a node-link diagram of hierarchical data.", | |||
"width": 600, | |||
"height": 1600, | |||
"padding": 5, | |||
"signals": [ | |||
{ | |||
"name": "labels", "value": true, | |||
"bind": {"input": "checkbox"} | |||
}, | |||
{ | |||
"name": "layout", "value": "tidy", | |||
"bind": {"input": "radio", "options": ["tidy", "cluster"]} | |||
}, | |||
{ | |||
"name": "links", "value": "diagonal", | |||
"bind": { | |||
"input": "select", | |||
"options": ["line", "curve", "diagonal", "orthogonal"] | |||
} | |||
}, | |||
{ | |||
"name": "separation", "value": false, | |||
"bind": {"input": "checkbox"} | |||
} | |||
], | |||
"data": [ | |||
{ | |||
"name": "tree", | |||
"url": "data/flare.json", | |||
"transform": [ | |||
{ | |||
"type": "stratify", | |||
"key": "id", | |||
"parentKey": "parent" | |||
}, | |||
{ | |||
"type": "tree", | |||
"method": {"signal": "layout"}, | |||
"size": [{"signal": "height"}, {"signal": "width - 100"}], | |||
"separation": {"signal": "separation"}, | |||
"as": ["y", "x", "depth", "children"] | |||
} | |||
] | |||
}, | |||
{ | |||
"name": "links", | |||
"source": "tree", | |||
"transform": [ | |||
{ "type": "treelinks" }, | |||
{ | |||
"type": "linkpath", | |||
"orient": "horizontal", | |||
"shape": {"signal": "links"} | |||
} | |||
] | |||
} | |||
], | |||
"scales": [ | |||
{ | |||
"name": "color", | |||
"type": "linear", | |||
"range": {"scheme": "magma"}, | |||
"domain": {"data": "tree", "field": "depth"}, | |||
"zero": true | |||
} | |||
], | |||
"marks": [ | |||
{ | |||
"type": "path", | |||
"from": {"data": "links"}, | |||
"encode": { | |||
"update": { | |||
"path": {"field": "path"}, | |||
"stroke": {"value": "#ccc"} | |||
} | |||
} | |||
}, | |||
{ | |||
"type": "symbol", | |||
"from": {"data": "tree"}, | |||
"encode": { | |||
"enter": { | |||
"size": {"value": 100}, | |||
"stroke": {"value": "#fff"} | |||
}, | |||
"update": { | |||
"x": {"field": "x"}, | |||
"y": {"field": "y"}, | |||
"fill": {"scale": "color", "field": "depth"} | |||
} | |||
} | |||
}, | |||
{ | |||
"type": "text", | |||
"from": {"data": "tree"}, | |||
"encode": { | |||
"enter": { | |||
"text": {"field": "name"}, | |||
"fontSize": {"value": 9}, | |||
"baseline": {"value": "middle"} | |||
}, | |||
"update": { | |||
"x": {"field": "x"}, | |||
"y": {"field": "y"}, | |||
"dx": {"signal": "datum.children ? -7 : 7"}, | |||
"align": {"signal": "datum.children ? 'right' : 'left'"}, | |||
"opacity": {"signal": "labels ? 1 : 0"} | |||
} | |||
} | |||
} | |||
] | |||
} | |||
</graph> | |||
==History== | ==History== |