-
Notifications
You must be signed in to change notification settings - Fork 0
/
index1.html
175 lines (133 loc) · 27.4 KB
/
index1.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Tree Example</title>
<style>
.node {
cursor: pointer;
}
.node circle {
fill: #fff;
stroke: steelblue;
stroke-width: 3px;
}
.node text {
font: 12px sans-serif;
}
.link {
fill: none;
stroke: #ccc;
stroke-width: 2px;
}
</style>
</head>
<body>
<!-- load the d3.js library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
<script>
var treeData = [{"name": "1", "children": [{"name": "1", "children": [{"name": "Winter Is Coming", "children": [{"name": "17-Apr-11", "children": [{"name": "9.1", "children": [{"name": "38639", "children": [{"name": "61", "children": [{"name": "30", "children": [{"name": "2.22", "children": [{"name": "62", "children": [{"name": "Timothy Van Patten"}]}]}]}]}]}]}]}]}]}, {"name": "2", "children": [{"name": "The Kingsroad", "children": [{"name": "24-Apr-11", "children": [{"name": "8.8", "children": [{"name": "29285", "children": [{"name": "27", "children": [{"name": "28", "children": [{"name": "2.2", "children": [{"name": "56", "children": [{"name": "Timothy Van Patten"}]}]}]}]}]}]}]}]}]}, {"name": "3", "children": [{"name": "Lord Snow", "children": [{"name": "1-May-11", "children": [{"name": "8.7", "children": [{"name": "27694", "children": [{"name": "21", "children": [{"name": "29", "children": [{"name": "2.44", "children": [{"name": "58", "children": [{"name": "Brian Kirk"}]}]}]}]}]}]}]}]}]}, {"name": "4", "children": [{"name": "Cripples, Bastards, and Broken Things", "children": [{"name": "8-May-11", "children": [{"name": "8.8", "children": [{"name": "26284", "children": [{"name": "22", "children": [{"name": "26", "children": [{"name": "2.45", "children": [{"name": "56", "children": [{"name": "Brian Kirk"}]}]}]}]}]}]}]}]}]}, {"name": "5", "children": [{"name": "The Wolf and the Lion", "children": [{"name": "15-May-11", "children": [{"name": "9.1", "children": [{"name": "27349", "children": [{"name": "24", "children": [{"name": "26", "children": [{"name": "2.58", "children": [{"name": "55", "children": [{"name": "Brian Kirk"}]}]}]}]}]}]}]}]}]}, {"name": "6", "children": [{"name": "A Golden Crown", "children": [{"name": "22-May-11", "children": [{"name": "9.2", "children": [{"name": "27079", "children": [{"name": "23", "children": [{"name": "26", "children": [{"name": "2.44", "children": [{"name": "53", "children": [{"name": "Daniel Minahan"}]}]}]}]}]}]}]}]}]}, {"name": "7", "children": [{"name": "You Win or You Die", "children": [{"name": "29-May-11", "children": [{"name": "9.2", "children": [{"name": "27556", "children": [{"name": "21", "children": [{"name": "27", "children": [{"name": "2.4", "children": [{"name": "58", "children": [{"name": "Daniel Minahan"}]}]}]}]}]}]}]}]}]}, {"name": "8", "children": [{"name": "The Pointy End", "children": [{"name": "5-Jun-11", "children": [{"name": "9", "children": [{"name": "25645", "children": [{"name": "20", "children": [{"name": "26", "children": [{"name": "2.72", "children": [{"name": "59", "children": [{"name": "Daniel Minahan"}]}]}]}]}]}]}]}]}]}, {"name": "9", "children": [{"name": "Baelor", "children": [{"name": "12-Jun-11", "children": [{"name": "9.6", "children": [{"name": "36217", "children": [{"name": "30", "children": [{"name": "29", "children": [{"name": "2.66", "children": [{"name": "57", "children": [{"name": "Alan Taylor"}]}]}]}]}]}]}]}]}]}, {"name": "10", "children": [{"name": "Fire and Blood", "children": [{"name": "19-Jun-11", "children": [{"name": "9.5", "children": [{"name": "31789", "children": [{"name": "34", "children": [{"name": "29", "children": [{"name": "3.04", "children": [{"name": "53", "children": [{"name": "Alan Taylor"}]}]}]}]}]}]}]}]}]}]}, {"name": "2", "children": [{"name": "1", "children": [{"name": "The North Remembers", "children": [{"name": "1-Apr-12", "children": [{"name": "8.8", "children": [{"name": "24837", "children": [{"name": "22", "children": [{"name": "29", "children": [{"name": "3.86", "children": [{"name": "53", "children": [{"name": "Alan Taylor"}]}]}]}]}]}]}]}]}]}, {"name": "2", "children": [{"name": "The Night Lands", "children": [{"name": "8-Apr-12", "children": [{"name": "8.5", "children": [{"name": "23458", "children": [{"name": "19", "children": [{"name": "25", "children": [{"name": "3.76", "children": [{"name": "54", "children": [{"name": "Alan Taylor"}]}]}]}]}]}]}]}]}]}, {"name": "3", "children": [{"name": "What Is Dead May Never Die", "children": [{"name": "15-Apr-12", "children": [{"name": "8.8", "children": [{"name": "23178", "children": [{"name": "15", "children": [{"name": "25", "children": [{"name": "3.77", "children": [{"name": "53", "children": [{"name": "Alik Sakharov"}]}]}]}]}]}]}]}]}]}, {"name": "4", "children": [{"name": "Garden of Bones", "children": [{"name": "22-Apr-12", "children": [{"name": "8.8", "children": [{"name": "22415", "children": [{"name": "19", "children": [{"name": "24", "children": [{"name": "3.65", "children": [{"name": "51", "children": [{"name": "David Petrarca"}]}]}]}]}]}]}]}]}]}, {"name": "5", "children": [{"name": "The Ghost of Harrenhal", "children": [{"name": "29-Apr-12", "children": [{"name": "8.8", "children": [{"name": "22603", "children": [{"name": "14", "children": [{"name": "25", "children": [{"name": "3.9", "children": [{"name": "55", "children": [{"name": "David Petrarca"}]}]}]}]}]}]}]}]}]}, {"name": "6", "children": [{"name": "The Old Gods and the New", "children": [{"name": "6-May-12", "children": [{"name": "9.1", "children": [{"name": "23612", "children": [{"name": "20", "children": [{"name": "25", "children": [{"name": "3.88", "children": [{"name": "54", "children": [{"name": "David Nutter"}]}]}]}]}]}]}]}]}]}, {"name": "7", "children": [{"name": "A Man Without Honor", "children": [{"name": "13-May-12", "children": [{"name": "8.9", "children": [{"name": "23003", "children": [{"name": "14", "children": [{"name": "24", "children": [{"name": "3.69", "children": [{"name": "56", "children": [{"name": "David Nutter"}]}]}]}]}]}]}]}]}]}, {"name": "8", "children": [{"name": "The Prince of Winterfell", "children": [{"name": "20-May-12", "children": [{"name": "8.8", "children": [{"name": "22729", "children": [{"name": "13", "children": [{"name": "25", "children": [{"name": "3.86", "children": [{"name": "54", "children": [{"name": "Alan Taylor"}]}]}]}]}]}]}]}]}]}, {"name": "9", "children": [{"name": "Blackwater", "children": [{"name": "27-May-12", "children": [{"name": "9.7", "children": [{"name": "39643", "children": [{"name": "34", "children": [{"name": "24", "children": [{"name": "3.38", "children": [{"name": "55", "children": [{"name": "Neil Marshall"}]}]}]}]}]}]}]}]}]}, {"name": "10", "children": [{"name": "Valar Morghulis", "children": [{"name": "3-Jun-12", "children": [{"name": "9.4", "children": [{"name": "28089", "children": [{"name": "27", "children": [{"name": "24", "children": [{"name": "4.2", "children": [{"name": "64", "children": [{"name": "Alan Taylor"}]}]}]}]}]}]}]}]}]}]}, {"name": "3", "children": [{"name": "1", "children": [{"name": "Valar Dohaeris", "children": [{"name": "31-Mar-13", "children": [{"name": "8.8", "children": [{"name": "24808", "children": [{"name": "19", "children": [{"name": "36", "children": [{"name": "4.37", "children": [{"name": "55", "children": [{"name": "Daniel Minahan"}]}]}]}]}]}]}]}]}]}, {"name": "2", "children": [{"name": "Dark Wings, Dark Words", "children": [{"name": "7-Apr-13", "children": [{"name": "8.6", "children": [{"name": "22468", "children": [{"name": "18", "children": [{"name": "30", "children": [{"name": "4.27", "children": [{"name": "56", "children": [{"name": "Daniel Minahan"}]}]}]}]}]}]}]}]}]}, {"name": "3", "children": [{"name": "Walk of Punishment", "children": [{"name": "14-Apr-13", "children": [{"name": "8.9", "children": [{"name": "22678", "children": [{"name": "21", "children": [{"name": "29", "children": [{"name": "4.72", "children": [{"name": "56", "children": [{"name": "David Benioff"}]}]}]}]}]}]}]}]}]}, {"name": "4", "children": [{"name": "And Now His Watch Is Ended", "children": [{"name": "21-Apr-13", "children": [{"name": "9.6", "children": [{"name": "30931", "children": [{"name": "25", "children": [{"name": "28", "children": [{"name": "4.87", "children": [{"name": "53", "children": [{"name": "Alex Graves"}]}]}]}]}]}]}]}]}]}, {"name": "5", "children": [{"name": "Kissed by Fire", "children": [{"name": "28-Apr-13", "children": [{"name": "9", "children": [{"name": "23110", "children": [{"name": "15", "children": [{"name": "30", "children": [{"name": "5.35", "children": [{"name": "57", "children": [{"name": "Alex Graves"}]}]}]}]}]}]}]}]}]}, {"name": "6", "children": [{"name": "The Climb", "children": [{"name": "5-May-13", "children": [{"name": "8.8", "children": [{"name": "22978", "children": [{"name": "13", "children": [{"name": "27", "children": [{"name": "5.5", "children": [{"name": "53", "children": [{"name": "Alik Sakharov"}]}]}]}]}]}]}]}]}]}, {"name": "7", "children": [{"name": "The Bear and the Maiden Fair", "children": [{"name": "12-May-13", "children": [{"name": "8.7", "children": [{"name": "22223", "children": [{"name": "19", "children": [{"name": "27", "children": [{"name": "4.84", "children": [{"name": "58", "children": [{"name": "Michelle MacLaren"}]}]}]}]}]}]}]}]}]}, {"name": "8", "children": [{"name": "Second Sons", "children": [{"name": "19-May-13", "children": [{"name": "9", "children": [{"name": "22800", "children": [{"name": "16", "children": [{"name": "30", "children": [{"name": "5.13", "children": [{"name": "56", "children": [{"name": "Michelle MacLaren"}]}]}]}]}]}]}]}]}]}, {"name": "9", "children": [{"name": "The Rains of Castamere", "children": [{"name": "2-Jun-13", "children": [{"name": "9.9", "children": [{"name": "86759", "children": [{"name": "106", "children": [{"name": "29", "children": [{"name": "5.22", "children": [{"name": "51", "children": [{"name": "David Nutter"}]}]}]}]}]}]}]}]}]}, {"name": "10", "children": [{"name": "Mhysa", "children": [{"name": "9-Jun-13", "children": [{"name": "9.2", "children": [{"name": "25807", "children": [{"name": "21", "children": [{"name": "29", "children": [{"name": "5.39", "children": [{"name": "63", "children": [{"name": "David Nutter"}]}]}]}]}]}]}]}]}]}]}, {"name": "4", "children": [{"name": "1", "children": [{"name": "Two Swords", "children": [{"name": "6-Apr-14", "children": [{"name": "9.1", "children": [{"name": "29302", "children": [{"name": "23", "children": [{"name": "38", "children": [{"name": "6.64", "children": [{"name": "58", "children": [{"name": "D.B. Weiss"}]}]}]}]}]}]}]}]}]}, {"name": "2", "children": [{"name": "The Lion and the Rose", "children": [{"name": "13-Apr-14", "children": [{"name": "9.7", "children": [{"name": "45860", "children": [{"name": "30", "children": [{"name": "34", "children": [{"name": "6.31", "children": [{"name": "52", "children": [{"name": "Alex Graves"}]}]}]}]}]}]}]}]}]}, {"name": "3", "children": [{"name": "Breaker of Chains", "children": [{"name": "20-Apr-14", "children": [{"name": "8.9", "children": [{"name": "24709", "children": [{"name": "15", "children": [{"name": "32", "children": [{"name": "6.59", "children": [{"name": "57", "children": [{"name": "Alex Graves"}]}]}]}]}]}]}]}]}]}, {"name": "4", "children": [{"name": "Oathkeeper", "children": [{"name": "27-Apr-14", "children": [{"name": "8.8", "children": [{"name": "23734", "children": [{"name": "25", "children": [{"name": "32", "children": [{"name": "6.95", "children": [{"name": "55", "children": [{"name": "Michelle MacLaren"}]}]}]}]}]}]}]}]}]}, {"name": "5", "children": [{"name": "First of His Name", "children": [{"name": "4-May-14", "children": [{"name": "8.7", "children": [{"name": "22964", "children": [{"name": "19", "children": [{"name": "31", "children": [{"name": "7.16", "children": [{"name": "53", "children": [{"name": "Michelle MacLaren"}]}]}]}]}]}]}]}]}]}, {"name": "6", "children": [{"name": "The Laws of Gods and Men", "children": [{"name": "11-May-14", "children": [{"name": "9.7", "children": [{"name": "42269", "children": [{"name": "42", "children": [{"name": "29", "children": [{"name": "6.4", "children": [{"name": "51", "children": [{"name": "Alik Sakharov"}]}]}]}]}]}]}]}]}]}, {"name": "7", "children": [{"name": "Mockingbird", "children": [{"name": "18-May-14", "children": [{"name": "9.1", "children": [{"name": "25582", "children": [{"name": "19", "children": [{"name": "27", "children": [{"name": "7.2", "children": [{"name": "51", "children": [{"name": "Alik Sakharov"}]}]}]}]}]}]}]}]}]}, {"name": "8", "children": [{"name": "The Mountain and the Viper", "children": [{"name": "1-Jun-14", "children": [{"name": "9.7", "children": [{"name": "45935", "children": [{"name": "58", "children": [{"name": "28", "children": [{"name": "7.17", "children": [{"name": "52", "children": [{"name": "Alex Graves"}]}]}]}]}]}]}]}]}]}, {"name": "9", "children": [{"name": "The Watchers on the Wall", "children": [{"name": "8-Jun-14", "children": [{"name": "9.6", "children": [{"name": "38665", "children": [{"name": "46", "children": [{"name": "27", "children": [{"name": "6.95", "children": [{"name": "51", "children": [{"name": "Neil Marshall"}]}]}]}]}]}]}]}]}]}, {"name": "10", "children": [{"name": "The Children", "children": [{"name": "15-Jun-14", "children": [{"name": "9.7", "children": [{"name": "37976", "children": [{"name": "41", "children": [{"name": "26", "children": [{"name": "7.09", "children": [{"name": "65", "children": [{"name": "Alex Graves"}]}]}]}]}]}]}]}]}]}]}, {"name": "5", "children": [{"name": "1", "children": [{"name": "The Wars to Come", "children": [{"name": "12-Apr-15", "children": [{"name": "8.5", "children": [{"name": "26063", "children": [{"name": "28", "children": [{"name": "45", "children": [{"name": "8", "children": [{"name": "53", "children": [{"name": "Michael Slovis"}]}]}]}]}]}]}]}]}]}, {"name": "2", "children": [{"name": "The House of Black and White", "children": [{"name": "19-Apr-15", "children": [{"name": "8.5", "children": [{"name": "22996", "children": [{"name": "17", "children": [{"name": "36", "children": [{"name": "6.81", "children": [{"name": "56", "children": [{"name": "Michael Slovis"}]}]}]}]}]}]}]}]}]}, {"name": "3", "children": [{"name": "High Sparrow", "children": [{"name": "26-Apr-15", "children": [{"name": "8.5", "children": [{"name": "22275", "children": [{"name": "18", "children": [{"name": "36", "children": [{"name": "6.71", "children": [{"name": "60", "children": [{"name": "Mark Mylod"}]}]}]}]}]}]}]}]}]}, {"name": "4", "children": [{"name": "Sons of the Harpy", "children": [{"name": "3-May-15", "children": [{"name": "8.7", "children": [{"name": "22877", "children": [{"name": "19", "children": [{"name": "35", "children": [{"name": "6.82", "children": [{"name": "51", "children": [{"name": "Mark Mylod"}]}]}]}]}]}]}]}]}]}, {"name": "5", "children": [{"name": "Kill the Boy", "children": [{"name": "10-May-15", "children": [{"name": "8.6", "children": [{"name": "23165", "children": [{"name": "20", "children": [{"name": "35", "children": [{"name": "6.56", "children": [{"name": "57", "children": [{"name": "Jeremy Podeswa"}]}]}]}]}]}]}]}]}]}, {"name": "6", "children": [{"name": "Unbowed, Unbent, Unbroken", "children": [{"name": "17-May-15", "children": [{"name": "8", "children": [{"name": "26236", "children": [{"name": "43", "children": [{"name": "37", "children": [{"name": "6.24", "children": [{"name": "54", "children": [{"name": "Jeremy Podeswa"}]}]}]}]}]}]}]}]}]}, {"name": "7", "children": [{"name": "The Gift", "children": [{"name": "24-May-15", "children": [{"name": "9", "children": [{"name": "25303", "children": [{"name": "16", "children": [{"name": "37", "children": [{"name": "5.4", "children": [{"name": "59", "children": [{"name": "Miguel Sapochnik"}]}]}]}]}]}]}]}]}]}, {"name": "8", "children": [{"name": "Hardhome", "children": [{"name": "31-May-15", "children": [{"name": "9.9", "children": [{"name": "87059", "children": [{"name": "89", "children": [{"name": "36", "children": [{"name": "7.01", "children": [{"name": "61", "children": [{"name": "Miguel Sapochnik"}]}]}]}]}]}]}]}]}]}, {"name": "9", "children": [{"name": "The Dance of Dragons", "children": [{"name": "7-Jun-15", "children": [{"name": "9.5", "children": [{"name": "38099", "children": [{"name": "53", "children": [{"name": "34", "children": [{"name": "7.14", "children": [{"name": "52", "children": [{"name": "David Nutter"}]}]}]}]}]}]}]}]}]}, {"name": "10", "children": [{"name": "Mother's Mercy", "children": [{"name": "14-Jun-15", "children": [{"name": "9.1", "children": [{"name": "36939", "children": [{"name": "110", "children": [{"name": "35", "children": [{"name": "8.11", "children": [{"name": "60", "children": [{"name": "David Nutter"}]}]}]}]}]}]}]}]}]}]}, {"name": "6", "children": [{"name": "1", "children": [{"name": "The Red Woman", "children": [{"name": "24-Apr-16", "children": [{"name": "8.5", "children": [{"name": "35873", "children": [{"name": "64", "children": [{"name": "52", "children": [{"name": "7.94", "children": [{"name": "50", "children": [{"name": "Jeremy Podeswa"}]}]}]}]}]}]}]}]}]}, {"name": "2", "children": [{"name": "Home", "children": [{"name": "1-May-16", "children": [{"name": "9.4", "children": [{"name": "42207", "children": [{"name": "51", "children": [{"name": "49", "children": [{"name": "7.29", "children": [{"name": "54", "children": [{"name": "Jeremy Podeswa"}]}]}]}]}]}]}]}]}]}, {"name": "3", "children": [{"name": "Oathbreaker", "children": [{"name": "8-May-16", "children": [{"name": "8.7", "children": [{"name": "30065", "children": [{"name": "26", "children": [{"name": "48", "children": [{"name": "7.28", "children": [{"name": "52", "children": [{"name": "Daniel Sackheim"}]}]}]}]}]}]}]}]}]}, {"name": "4", "children": [{"name": "Book of the Stranger", "children": [{"name": "15-May-16", "children": [{"name": "9.1", "children": [{"name": "32360", "children": [{"name": "29", "children": [{"name": "47", "children": [{"name": "7.82", "children": [{"name": "59", "children": [{"name": "Daniel Sackheim"}]}]}]}]}]}]}]}]}]}, {"name": "5", "children": [{"name": "The Door", "children": [{"name": "22-May-16", "children": [{"name": "9.7", "children": [{"name": "63527", "children": [{"name": "53", "children": [{"name": "46", "children": [{"name": "7.89", "children": [{"name": "57", "children": [{"name": "Jack Bender"}]}]}]}]}]}]}]}]}]}, {"name": "6", "children": [{"name": "Blood of My Blood", "children": [{"name": "29-May-16", "children": [{"name": "8.4", "children": [{"name": "29884", "children": [{"name": "36", "children": [{"name": "40", "children": [{"name": "6.71", "children": [{"name": "52", "children": [{"name": "Jack Bender"}]}]}]}]}]}]}]}]}]}, {"name": "7", "children": [{"name": "The Broken Man", "children": [{"name": "5-Jun-16", "children": [{"name": "8.6", "children": [{"name": "29021", "children": [{"name": "28", "children": [{"name": "43", "children": [{"name": "7.8", "children": [{"name": "51", "children": [{"name": "Mark Mylod"}]}]}]}]}]}]}]}]}]}, {"name": "8", "children": [{"name": "No One", "children": [{"name": "12-Jun-16", "children": [{"name": "8.4", "children": [{"name": "33040", "children": [{"name": "68", "children": [{"name": "43", "children": [{"name": "7.6", "children": [{"name": "59", "children": [{"name": "Mark Mylod"}]}]}]}]}]}]}]}]}]}, {"name": "9", "children": [{"name": "Battle of the Bastards", "children": [{"name": "19-Jun-16", "children": [{"name": "9.9", "children": [{"name": "185033", "children": [{"name": "253", "children": [{"name": "49", "children": [{"name": "7.66", "children": [{"name": "60", "children": [{"name": "Miguel Sapochnik"}]}]}]}]}]}]}]}]}]}, {"name": "10", "children": [{"name": "The Winds of Winter", "children": [{"name": "26-Jun-16", "children": [{"name": "9.9", "children": [{"name": "128642", "children": [{"name": "182", "children": [{"name": "46", "children": [{"name": "8.89", "children": [{"name": "68", "children": [{"name": "Miguel Sapochnik"}]}]}]}]}]}]}]}]}]}]}, {"name": "7", "children": [{"name": "1", "children": [{"name": "Dragonstone", "children": [{"name": "16-Jul-17", "children": [{"name": "8.6", "children": [{"name": "46297", "children": [{"name": "88", "children": [{"name": "66", "children": [{"name": "10.11", "children": [{"name": "59", "children": [{"name": "Jeremy Podeswa"}]}]}]}]}]}]}]}]}]}, {"name": "2", "children": [{"name": "Stormborn", "children": [{"name": "23-Jul-17", "children": [{"name": "8.9", "children": [{"name": "39903", "children": [{"name": "54", "children": [{"name": "55", "children": [{"name": "9.27", "children": [{"name": "59", "children": [{"name": "Mark Mylod"}]}]}]}]}]}]}]}]}]}, {"name": "3", "children": [{"name": "The Queen's Justice", "children": [{"name": "30-Jul-17", "children": [{"name": "9.2", "children": [{"name": "41611", "children": [{"name": "49", "children": [{"name": "53", "children": [{"name": "9.25", "children": [{"name": "63", "children": [{"name": "Mark Mylod"}]}]}]}]}]}]}]}]}]}, {"name": "4", "children": [{"name": "The Spoils of War", "children": [{"name": "6-Aug-17", "children": [{"name": "9.8", "children": [{"name": "78989", "children": [{"name": "94", "children": [{"name": "53", "children": [{"name": "10.17", "children": [{"name": "50", "children": [{"name": "Matt Shakman"}]}]}]}]}]}]}]}]}]}, {"name": "5", "children": [{"name": "Eastwatch", "children": [{"name": "13-Aug-17", "children": [{"name": "8.8", "children": [{"name": "39682", "children": [{"name": "53", "children": [{"name": "51", "children": [{"name": "10.72", "children": [{"name": "59", "children": [{"name": "Matt Shakman"}]}]}]}]}]}]}]}]}]}, {"name": "6", "children": [{"name": "Beyond the Wall", "children": [{"name": "20-Aug-17", "children": [{"name": "9", "children": [{"name": "57960", "children": [{"name": "181", "children": [{"name": "52", "children": [{"name": "10.24", "children": [{"name": "70", "children": [{"name": "Alan Taylor"}]}]}]}]}]}]}]}]}]}, {"name": "7", "children": [{"name": "The Dragon and the Wolf", "children": [{"name": "27-Aug-17", "children": [{"name": "9.4", "children": [{"name": "57484", "children": [{"name": "133", "children": [{"name": "48", "children": [{"name": "12.07", "children": [{"name": "80", "children": [{"name": "Jeremy Podeswa"}]}]}]}]}]}]}]}]}]}]}, {"name": "8", "children": [{"name": "1", "children": [{"name": "Winterfell", "children": [{"name": "14-Apr-19", "children": [{"name": "7.6", "children": [{"name": "121831", "children": [{"name": "655", "children": [{"name": "71", "children": [{"name": "11.76", "children": [{"name": "54", "children": [{"name": "David Nutter"}]}]}]}]}]}]}]}]}]}, {"name": "2", "children": [{"name": "A Knight of the Seven Kingdoms", "children": [{"name": "21-Apr-19", "children": [{"name": "7.9", "children": [{"name": "119961", "children": [{"name": "537", "children": [{"name": "59", "children": [{"name": "10.29", "children": [{"name": "58", "children": [{"name": "David Nutter"}]}]}]}]}]}]}]}]}]}, {"name": "3", "children": [{"name": "The Long Night", "children": [{"name": "28-Apr-19", "children": [{"name": "7.5", "children": [{"name": "200283", "children": [{"name": "3749", "children": [{"name": "71", "children": [{"name": "12.02", "children": [{"name": "82", "children": [{"name": "Miguel Sapochnik"}]}]}]}]}]}]}]}]}]}, {"name": "4", "children": [{"name": "The Last of the Starks", "children": [{"name": "5-May-19", "children": [{"name": "5.5", "children": [{"name": "152769", "children": [{"name": "2277", "children": [{"name": "62", "children": [{"name": "11.8", "children": [{"name": "78", "children": [{"name": "David Nutter"}]}]}]}]}]}]}]}]}]}, {"name": "5", "children": [{"name": "The Bells", "children": [{"name": "12-May-19", "children": [{"name": "6", "children": [{"name": "177957", "children": [{"name": "3906", "children": [{"name": "61", "children": [{"name": "12.48", "children": [{"name": "78", "children": [{"name": "Miguel Sapochnik"}]}]}]}]}]}]}]}]}]}, {"name": "6", "children": [{"name": "The Iron Throne", "children": [{"name": "19-May-19", "children": [{"name": "4.1", "children": [{"name": "220581", "children": [{"name": "7358", "children": [{"name": "70", "children": [{"name": "13.61", "children": [{"name": "80", "children": [{"name": "David Benioff"}]}]}]}]}]}]}]}]}]}]}];
// ************** Generate the tree diagram *****************
var margin = {top: 20, right: 120, bottom: 20, left: 120},
width = 960 - margin.right - margin.left,
height = 500 - margin.top - margin.bottom;
var i = 0,
duration = 750,
root;
var tree = d3.layout.tree()
.size([height, width]);
var diagonal = d3.svg.diagonal()
.projection(function(d) { return [d.y, d.x]; });
var svg = d3.select("body").append("svg")
.attr("width", width + margin.right + margin.left)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
root = treeData[0];
root.x0 = height / 2;
root.y0 = 0;
update(root);
d3.select(self.frameElement).style("height", "500px");
function update(source) {
// Compute the new tree layout.
var nodes = tree.nodes(root).reverse(),
links = tree.links(nodes);
// Normalize for fixed-depth.
nodes.forEach(function(d) { d.y = d.depth * 180; });
// Update the nodes…
var node = svg.selectAll("g.node")
.data(nodes, function(d) { return d.id || (d.id = ++i); });
// Enter any new nodes at the parent's previous position.
var nodeEnter = node.enter().append("g")
.attr("class", "node")
.attr("transform", function(d) { return "translate(" + source.y0 + "," + source.x0 + ")"; })
.on("click", click);
nodeEnter.append("circle")
.attr("r", 1e-6)
.style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; });
nodeEnter.append("text")
.attr("x", function(d) { return d.children || d._children ? -13 : 13; })
.attr("dy", ".35em")
.attr("text-anchor", function(d) { return d.children || d._children ? "end" : "start"; })
.text(function(d) { return d.name; })
.style("fill-opacity", 1e-6);
// Transition nodes to their new position.
var nodeUpdate = node.transition()
.duration(duration)
.attr("transform", function(d) { return "translate(" + d.y + "," + d.x + ")"; });
nodeUpdate.select("circle")
.attr("r", 10)
.style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; });
nodeUpdate.select("text")
.style("fill-opacity", 1);
// Transition exiting nodes to the parent's new position.
var nodeExit = node.exit().transition()
.duration(duration)
.attr("transform", function(d) { return "translate(" + source.y + "," + source.x + ")"; })
.remove();
nodeExit.select("circle")
.attr("r", 1e-6);
nodeExit.select("text")
.style("fill-opacity", 1e-6);
// Update the links…
var link = svg.selectAll("path.link")
.data(links, function(d) { return d.target.id; });
// Enter any new links at the parent's previous position.
link.enter().insert("path", "g")
.attr("class", "link")
.attr("d", function(d) {
var o = {x: source.x0, y: source.y0};
return diagonal({source: o, target: o});
});
// Transition links to their new position.
link.transition()
.duration(duration)
.attr("d", diagonal);
// Transition exiting nodes to the parent's new position.
link.exit().transition()
.duration(duration)
.attr("d", function(d) {
var o = {x: source.x, y: source.y};
return diagonal({source: o, target: o});
})
.remove();
// Stash the old positions for transition.
nodes.forEach(function(d) {
d.x0 = d.x;
d.y0 = d.y;
});
}
// Toggle children on click.
function click(d) {
if (d.children) {
d._children = d.children;
d.children = null;
} else {
d.children = d._children;
d._children = null;
}
update(d);
}
</script>
</body>
</html>