-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcheckgraph.html
169 lines (167 loc) · 14.7 KB
/
checkgraph.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
<!DOCTYPE html>
<head>
</head>
<body>
<div id="graph"><svg style="width: 649px; height: 574px;">
<g class="layer relationships">
<g class="relationship">
<path fill="#4356C0" stroke="none"
d="M 0 1.5 L 23.20053858438105 1.5 L 23.20053858438105 -1.5 L 0 -1.5 Z M 55.88999170938105 1.5 L 79.0905302937621 1.5 L 79.0905302937621 4.5 L 88.0905302937621 0 L 79.0905302937621 -4.5 L 79.0905302937621 -1.5 L 55.88999170938105 -1.5 Z"
transform="translate(343.8332728192164 326.57168102866916) rotate(-62.75817062338321)"></path>
<text text-anchor="middle" font-size="6px" fill="#000000" x="361.93500455650656"
y="293.4126807065851"
transform="rotate(-62.75817062338321 361.93500455650656 291.4126807065851)">neighbour</text>
<rect class="overlay" fill="yellow" x="0" y="-10" height="20" opacity="0" width="88.0905302937621"
transform="translate(343.8332728192164 326.57168102866916) rotate(-62.75817062338321)"></rect>
</g>
<g class="relationship">
<path fill="#4356C0" stroke="none"
d="M 0 1.5 L 20.154655591493608 1.5 L 20.154655591493608 -1.5 L 0 -1.5 Z M 51.84215559149361 1.5 L 71.99681118298722 1.5 L 71.99681118298722 4.5 L 80.99681118298722 0 L 71.99681118298722 -4.5 L 71.99681118298722 -1.5 L 51.84215559149361 -1.5 Z"
transform="translate(351.9257872252216 334.2278555158548) rotate(-30.415940152809434)"></path>
<text text-anchor="middle" font-size="6px" fill="#000000" x="382.96983496266404"
y="318.00280941975194"
transform="rotate(-30.415940152809434 382.96983496266404 316.00280941975194)">colleague</text>
<rect class="overlay" fill="yellow" x="0" y="-10" height="20" opacity="0" width="80.99681118298722"
transform="translate(351.9257872252216 334.2278555158548) rotate(-30.415940152809434)"></rect>
</g>
<g class="relationship">
<path fill="#4356C0" stroke="none"
d="M 0 1.5 L 18.31580666910201 1.5 L 18.31580666910201 -1.5 L 0 -1.5 Z M 43.65760354410201 1.5 L 61.97341021320402 1.5 L 61.97341021320402 4.5 L 70.97341021320402 0 L 61.97341021320402 -4.5 L 61.97341021320402 -1.5 L 43.65760354410201 -1.5 Z"
transform="translate(353.87315237973917 349.97105153734634) rotate(16.31309692763599)"></path>
<text text-anchor="middle" font-size="6px" fill="#000000" x="383.612367159975"
y="360.67478623105785"
transform="rotate(16.31309692763599 383.612367159975 358.67478623105785)">relative</text>
<rect class="overlay" fill="yellow" x="0" y="-10" height="20" opacity="0" width="70.97341021320402"
transform="translate(353.87315237973917 349.97105153734634) rotate(16.31309692763599)"></rect>
</g>
<g class="relationship">
<path fill="#4356C0" stroke="none"
d="M 0 1.5 L 18.43137130031205 1.5 L 18.43137130031205 -1.5 L 0 -1.5 Z M 39.44016036281205 1.5 L 57.8715316631241 1.5 L 57.8715316631241 4.5 L 66.8715316631241 0 L 57.8715316631241 -4.5 L 57.8715316631241 -1.5 L 39.44016036281205 -1.5 Z"
transform="translate(324.356646003099 361.4840865939364) rotate(121.06995252711197)"></path>
<text text-anchor="middle" font-size="6px" fill="#000000" x="309.4233542112322"
y="388.2686652774234"
transform="rotate(301.069952527112 309.4233542112322 386.2686652774234)">friend</text>
<rect class="overlay" fill="yellow" x="0" y="-10" height="20" opacity="0" width="66.8715316631241"
transform="translate(324.356646003099 361.4840865939364) rotate(121.06995252711197)"></rect>
</g>
<g class="relationship">
<path fill="#4356C0" stroke="none"
d="M 0 1.5 L 27.29784455069678 1.5 L 27.29784455069678 -1.5 L 0 -1.5 Z M 48.30663361319678 1.5 L 75.60447816389356 1.5 L 75.60447816389356 4.5 L 84.60447816389356 0 L 75.60447816389356 -4.5 L 75.60447816389356 -1.5 L 48.30663361319678 -1.5 Z"
transform="translate(333.7160507298176 239.75327761224085) rotate(89.47291618043734)"></path>
<text text-anchor="middle" font-size="6px" fill="#000000" x="334.0638017805769"
y="279.55391714142553"
transform="rotate(89.47291618043734 334.0638017805769 277.55391714142553)">friend</text>
<rect class="overlay" fill="yellow" x="0" y="-10" height="20" opacity="0" width="84.60447816389356"
transform="translate(333.7160507298176 239.75327761224085) rotate(89.47291618043734)"></rect>
</g>
<g class="relationship">
<path fill="#4356C0" stroke="none"
d="M 0 1.5 L 18.9584886457869 1.5 L 18.9584886457869 -1.5 L 0 -1.5 Z M 39.9672777082869 1.5 L 58.9257663540738 1.5 L 58.9257663540738 4.5 L 67.9257663540738 0 L 58.9257663540738 -4.5 L 58.9257663540738 -1.5 L 39.9672777082869 -1.5 Z"
transform="translate(262.7458305595498 167.59811551044487) rotate(36.383160628014366)"></path>
<text text-anchor="middle" font-size="6px" fill="#000000" x="286.4654599981592"
y="187.07497633837332"
transform="rotate(36.383160628014366 286.4654599981592 185.07497633837332)">friend</text>
<rect class="overlay" fill="yellow" x="0" y="-10" height="20" opacity="0" width="67.9257663540738"
transform="translate(262.7458305595498 167.59811551044487) rotate(36.383160628014366)"></rect>
</g>
<g class="relationship">
<path fill="#4356C0" stroke="none"
d="M 0 1.5 L 27.362758190827265 1.5 L 27.362758190827265 -1.5 L 0 -1.5 Z M 48.371547253327265 1.5 L 75.73430544415453 1.5 L 75.73430544415453 4.5 L 84.73430544415453 0 L 75.73430544415453 -4.5 L 75.73430544415453 -1.5 L 48.371547253327265 -1.5 Z"
transform="translate(250.5577160550751 281.95944350267473) rotate(36.56504266861742)"></path>
<text text-anchor="middle" font-size="6px" fill="#000000" x="280.97189723467943"
y="306.51822978322014"
transform="rotate(36.56504266861742 280.97189723467943 304.51822978322014)">friend</text>
<rect class="overlay" fill="yellow" x="0" y="-10" height="20" opacity="0" width="84.73430544415453"
transform="translate(250.5577160550751 281.95944350267473) rotate(36.56504266861742)"></rect>
</g>
<g class="relationship">
<path fill="#4356C0" stroke="none"
d="M 0 1.5 L 22.472710785685045 1.5 L 22.472710785685045 -1.5 L 0 -1.5 Z M 43.481499848185045 1.5 L 65.95421063387009 1.5 L 65.95421063387009 4.5 L 74.95421063387009 0 L 65.95421063387009 -4.5 L 65.95421063387009 -1.5 L 43.481499848185045 -1.5 Z"
transform="translate(236.60804421582225 250.15677793879516) rotate(-83.93264584083748)"></path>
<text text-anchor="middle" font-size="6px" fill="#000000" x="240.0936418980412"
y="219.36439949681667"
transform="rotate(-83.93264584083748 240.0936418980412 217.36439949681667)">friend</text>
<rect class="overlay" fill="yellow" x="0" y="-10" height="20" opacity="0" width="74.95421063387009"
transform="translate(236.60804421582225 250.15677793879516) rotate(-83.93264584083748)"></rect>
</g>
<g class="relationship">
<path fill="#4356C0" stroke="none"
d="M 0 1.5 L 20.53312986222185 1.5 L 20.53312986222185 -1.5 L 0 -1.5 Z M 41.54191892472185 1.5 L 62.0750487869437 1.5 L 62.0750487869437 4.5 L 71.0750487869437 0 L 62.0750487869437 -4.5 L 62.0750487869437 -1.5 L 41.54191892472185 -1.5 Z"
transform="translate(252.3267169285117 260.98949383420427) rotate(-26.921063940844267)"></path>
<text text-anchor="middle" font-size="6px" fill="#000000" x="280.000740138259"
y="248.93686561519388"
transform="rotate(-26.921063940844267 280.000740138259 246.93686561519388)">friend</text>
<rect class="overlay" fill="yellow" x="0" y="-10" height="20" opacity="0" width="71.0750487869437"
transform="translate(252.3267169285117 260.98949383420427) rotate(-26.921063940844267)"></rect>
</g>
<g class="relationship">
<path fill="#4356C0" stroke="none"
d="M 0 1.5 L 24.851684637856977 1.5 L 24.851684637856977 -1.5 L 0 -1.5 Z M 45.86047370035698 1.5 L 70.71215833821395 1.5 L 70.71215833821395 4.5 L 79.71215833821395 0 L 70.71215833821395 -4.5 L 70.71215833821395 -1.5 L 45.86047370035698 -1.5 Z"
transform="translate(235.07900029074708 339.61117716427026) rotate(2.72592481943199)"></path>
<text text-anchor="middle" font-size="6px" fill="#000000" x="270.39507258162945"
y="343.29265632183694"
transform="rotate(2.72592481943199 270.39507258162945 341.29265632183694)">friend</text>
<rect class="overlay" fill="yellow" x="0" y="-10" height="20" opacity="0" width="79.71215833821395"
transform="translate(235.07900029074708 339.61117716427026) rotate(2.72592481943199)"></rect>
</g>
<g class="relationship">
<path fill="#4356C0" stroke="none"
d="M 0 1.5 L 23.3145913957746 1.5 L 23.3145913957746 -1.5 L 0 -1.5 Z M 44.3233804582746 1.5 L 67.6379718540492 1.5 L 67.6379718540492 4.5 L 76.6379718540492 0 L 67.6379718540492 -4.5 L 67.6379718540492 -1.5 L 44.3233804582746 -1.5 Z"
transform="translate(226.1481176573197 355.33259516446765) rotate(56.47338192467232)"></path>
<text text-anchor="middle" font-size="6px" fill="#000000" x="244.8271662864433"
y="385.5250933056953"
transform="rotate(56.47338192467232 244.8271662864433 383.5250933056953)">friend</text>
<rect class="overlay" fill="yellow" x="0" y="-10" height="20" opacity="0" width="76.6379718540492"
transform="translate(226.1481176573197 355.33259516446765) rotate(56.47338192467232)"></rect>
</g>
</g>
<g class="layer nodes">
<g class="node" transform="translate(334.6783301629688,344.35332957318883)">
<circle class="outline" cx="0" cy="0" r="20" fill="#F25A29" stroke="#DC4717" stroke-width="2px">
</circle><text text-anchor="middle" font-weight="bold" stroke="#F25A29" stroke-width="0" y="5"
font-size="12px" fill="#FFFFFF">nimish</text>
</g>
<g class="node" transform="translate(279.52362038755416,435.8928416409944)">
<circle class="outline" cx="0" cy="0" r="20" fill="#F25A29" stroke="#DC4717" stroke-width="2px">
</circle><text text-anchor="middle" font-weight="bold" stroke="#F25A29" stroke-width="0" y="5"
font-size="12px" fill="#FFFFFF">Ronica</text>
</g>
<g class="node" transform="translate(441.18407415452793,375.5242177727977)">
<circle class="outline" cx="0" cy="0" r="20" fill="#AD62CE" stroke="#9453B1" stroke-width="2px">
</circle><text text-anchor="middle" font-weight="bold" stroke="#AD62CE" stroke-width="0" y="5"
font-size="12px" fill="#FFFFFF">anil</text>
</g>
<g class="node" transform="translate(439.02269544037307,283.09582594051466)">
<circle class="outline" cx="0" cy="0" r="20" fill="#30B6AF" stroke="#46A39E" stroke-width="2px">
</circle><text text-anchor="middle" font-weight="bold" stroke="#30B6AF" stroke-width="0" y="5"
font-size="12px" fill="#FFFFFF">jitendra</text>
</g>
<g class="node" transform="translate(393.31140314535565,230.4702899949475)">
<circle class="outline" cx="0" cy="0" r="20" fill="#AD62CE" stroke="#9453B1" stroke-width="2px">
</circle><text text-anchor="middle" font-weight="bold" stroke="#AD62CE" stroke-width="0" y="5"
font-size="12px" fill="#FFFFFF">mehta</text>
</g>
<g class="node" transform="translate(333.5320663631744,219.75412388632458)">
<circle class="outline" cx="0" cy="0" r="20" fill="#F25A29" stroke="#DC4717" stroke-width="2px">
</circle><text text-anchor="middle" font-weight="bold" stroke="#F25A29" stroke-width="0" y="5"
font-size="12px" fill="#FFFFFF">shilpa</text>
</g>
<g class="node" transform="translate(246.64446716202855,155.73446949663605)">
<circle class="outline" cx="0" cy="0" r="20" fill="#30B6AF" stroke="#46A39E" stroke-width="2px">
</circle><text text-anchor="middle" font-weight="bold" stroke="#30B6AF" stroke-width="0" y="5"
font-size="12px" fill="#FFFFFF">mounica</text>
</g>
<g class="node" transform="translate(234.49409415943026,270.0447445306587)">
<circle class="outline" cx="0" cy="0" r="20" fill="#30B6AF" stroke="#46A39E" stroke-width="2px">
</circle><text text-anchor="middle" font-weight="bold" stroke="#30B6AF" stroke-width="0" y="5"
font-size="12px" fill="#FFFFFF">Mamatha</text>
</g>
<g class="node" transform="translate(215.10163112491466,338.66000882372873)">
<circle class="outline" cx="0" cy="0" r="20" fill="#F25A29" stroke="#DC4717" stroke-width="2px">
</circle><text text-anchor="middle" font-weight="bold" stroke="#F25A29" stroke-width="0" y="5"
font-size="12px" fill="#FFFFFF">sujatha</text>
</g>
</g>
</svg></div>
<script src="https://gist.github.com/jexp/a56f7e7587ce5ed97561.js"></script>
</body>