"문서테스트"의 두 판 사이의 차이
둘러보기로 가기
검색하러 가기
(내용을 "{{가로목록|재학생, 휴학생, 유예생|style=}}"(으)로 바꿈) |
|||
| (같은 사용자의 중간 판 하나는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
| − | {{ | + | |
| + | <graph> | ||
| + | |||
| + | { | ||
| + | "width": 600, | ||
| + | "height": 150, | ||
| + | "background": "#ffffff", | ||
| + | "data": [ | ||
| + | { | ||
| + | "name": "tree", | ||
| + | "values": [ | ||
| + | {"A": "Mammal","B": "Carnivore","C": "Panther" }, | ||
| + | {"A": "Mammal","B": "Carnivore","C": "Lion" }, | ||
| + | {"A": "Mammal","B": "Herbivore","C": "Cow" }, | ||
| + | {"A": "Mammal","B": "Herbivore","C": "Goat" }, | ||
| + | {"A": "Mammal","B": "Omnivore","C": "Human"}, | ||
| + | {"A": "Mammal","B": "Omnivore","C": "Bat"}, | ||
| + | {"A": "Fish","B": "Carnivore","C": "Shark"}, | ||
| + | {"A": "Fish","B": "Carnivore","C": "Electric Eel"}, | ||
| + | {"A": "Fish","B": "Omnivore","C": "Piranha "}, | ||
| + | {"A": "Fish","B": "Omnivore","C": "catfish "} | ||
| + | ], | ||
| + | "transform": [ | ||
| + | { | ||
| + | "type": "treeify", | ||
| + | "groupby": ["A","B"] | ||
| + | }, | ||
| + | { | ||
| + | "type": "hierarchy", | ||
| + | "mode": "cluster", | ||
| + | "nodesize": [20,100] | ||
| + | }, | ||
| + | { | ||
| + | "type": "formula", | ||
| + | "field": "align", | ||
| + | "expr": "'right'" | ||
| + | }, | ||
| + | { | ||
| + | "type": "formula", | ||
| + | "field": "offset", | ||
| + | "expr": "-10" | ||
| + | } | ||
| + | ] | ||
| + | } | ||
| + | ], | ||
| + | "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": "cornerX" | ||
| + | } | ||
| + | ] | ||
| + | }, | ||
| + | "properties": { | ||
| + | "enter": { | ||
| + | "path": {"field": "layout_path"}, | ||
| + | "strokeWidth": {"value": 2}, | ||
| + | "stroke": {"value": "#000000"} | ||
| + | } | ||
| + | } | ||
| + | }, | ||
| + | { | ||
| + | "type": "text", | ||
| + | "from": { | ||
| + | "data": "tree", | ||
| + | "transform": [ | ||
| + | { | ||
| + | "type": "formula", | ||
| + | "field": "ff_node_label", | ||
| + | "expr": "if(datum.layout_depth == 0, 'Animals', if(datum.layout_depth == 1, datum.A, if(datum.layout_depth == 2, datum.B, if(datum.layout_depth == 3, datum.C, ''))))" | ||
| + | } | ||
| + | ] | ||
| + | }, | ||
| + | "properties": { | ||
| + | "enter": { | ||
| + | "x": {"field": "layout_y"}, | ||
| + | "dx": {"field": "offset"}, | ||
| + | "y": {"field": "layout_x"}, | ||
| + | "dy": {"value": -8}, | ||
| + | "font": {"value": "Arial"}, | ||
| + | "fontSize": {"value": 16}, | ||
| + | "align": {"field": "align"}, | ||
| + | "baseline": {"value": "middle"}, | ||
| + | "fill": {"value": "#0000ff"}, | ||
| + | "text": {"field": "ff_node_label"} | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | ] | ||
| + | } | ||
| + | </graph> | ||
