Hugging Face's logo

Spaces:
Nymbo
/
Graphify
Sleeping

App Files Community
Graphify
File size: 10,856 Bytes 
da43f5e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
 
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.43.0 (0)
 -->
<!-- Title: Timeline Pages: 1 -->
<svg width="1417pt" height="752pt"
 viewBox="0.00 0.00 1417.20 752.20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(57.6 694.6)">
<title>Timeline</title>
<polygon fill="white" stroke="transparent" points="-57.6,57.6 -57.6,-694.6 1359.6,-694.6 1359.6,57.6 -57.6,57.6"/>
<!-- title -->
<g id="node1" class="node">
<title>title</title>
<text text-anchor="middle" x="605" y="-614.6" font-family="Times,serif" font-size="18.00" fill="#000000">The Evolution of the Internet</text>
</g>
<!-- event_1 -->
<g id="node2" class="node">
<title>event_1</title>
<path fill="#bebebe" stroke="black" d="M334,-518C334,-518 12,-518 12,-518 6,-518 0,-512 0,-506 0,-506 0,-444 0,-444 0,-438 6,-432 12,-432 12,-432 334,-432 334,-432 340,-432 346,-438 346,-444 346,-444 346,-506 346,-506 346,-512 340,-518 334,-518"/>
<text text-anchor="middle" x="173" y="-484.9" font-family="Times,serif" font-size="12.00">1969</text>
<text text-anchor="middle" x="173" y="-471.9" font-family="Times,serif" font-size="12.00">ARPANET Birth</text>
<text text-anchor="middle" x="173" y="-458.9" font-family="Times,serif" font-size="12.00">First network connection between UCLA and Stanford</text>
</g>
<!-- event_2 -->
<g id="node3" class="node">
<title>event_2</title>
<path fill="#c0c0c0" stroke="black" d="M626.5,-518C626.5,-518 367.5,-518 367.5,-518 361.5,-518 355.5,-512 355.5,-506 355.5,-506 355.5,-444 355.5,-444 355.5,-438 361.5,-432 367.5,-432 367.5,-432 626.5,-432 626.5,-432 632.5,-432 638.5,-438 638.5,-444 638.5,-444 638.5,-506 638.5,-506 638.5,-512 632.5,-518 626.5,-518"/>
<text text-anchor="middle" x="497" y="-484.9" font-family="Times,serif" font-size="12.00">1983</text>
<text text-anchor="middle" x="497" y="-471.9" font-family="Times,serif" font-size="12.00">TCP/IP Protocol</text>
<text text-anchor="middle" x="497" y="-458.9" font-family="Times,serif" font-size="12.00">Standard internet protocol adopted globally</text>
</g>
<!-- event_1&#45;&gt;event_2 -->
<g id="edge1" class="edge">
<title>event_1&#45;&gt;event_2</title>
<path fill="none" stroke="#4a4a4a" stroke-width="2" d="M346.38,-475C346.38,-475 347.39,-475 347.39,-475"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" stroke-width="2" points="347.39,-477.8 355.39,-475 347.39,-472.2 347.39,-477.8"/>
</g>
<!-- event_3 -->
<g id="node4" class="node">
<title>event_3</title>
<path fill="#c3c3c3" stroke="black" d="M945,-518C945,-518 697,-518 697,-518 691,-518 685,-512 685,-506 685,-506 685,-444 685,-444 685,-438 691,-432 697,-432 697,-432 945,-432 945,-432 951,-432 957,-438 957,-444 957,-444 957,-506 957,-506 957,-512 951,-518 945,-518"/>
<text text-anchor="middle" x="821" y="-484.9" font-family="Times,serif" font-size="12.00">1989</text>
<text text-anchor="middle" x="821" y="-471.9" font-family="Times,serif" font-size="12.00">World Wide Web</text>
<text text-anchor="middle" x="821" y="-458.9" font-family="Times,serif" font-size="12.00">Tim Berners&#45;Lee invents the Web at CERN</text>
</g>
<!-- event_2&#45;&gt;event_3 -->
<g id="edge2" class="edge">
<title>event_2&#45;&gt;event_3</title>
<path fill="none" stroke="#4a4a4a" stroke-width="2" d="M638.64,-475C638.64,-475 676.8,-475 676.8,-475"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" stroke-width="2" points="676.8,-477.8 684.8,-475 676.8,-472.2 676.8,-477.8"/>
</g>
<!-- event_4 -->
<g id="node5" class="node">
<title>event_4</title>
<path fill="#c6c6c6" stroke="black" d="M1290,-518C1290,-518 1000,-518 1000,-518 994,-518 988,-512 988,-506 988,-506 988,-444 988,-444 988,-438 994,-432 1000,-432 1000,-432 1290,-432 1290,-432 1296,-432 1302,-438 1302,-444 1302,-444 1302,-506 1302,-506 1302,-512 1296,-518 1290,-518"/>
<text text-anchor="middle" x="1145" y="-484.9" font-family="Times,serif" font-size="12.00">1993</text>
<text text-anchor="middle" x="1145" y="-471.9" font-family="Times,serif" font-size="12.00">First Web Browser</text>
<text text-anchor="middle" x="1145" y="-458.9" font-family="Times,serif" font-size="12.00">Mosaic browser makes web accessible to masses</text>
</g>
<!-- event_3&#45;&gt;event_4 -->
<g id="edge3" class="edge">
<title>event_3&#45;&gt;event_4</title>
<path fill="none" stroke="#4a4a4a" stroke-width="2" d="M957.47,-475C957.47,-475 979.8,-475 979.8,-475"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" stroke-width="2" points="979.8,-477.8 987.8,-475 979.8,-472.2 979.8,-477.8"/>
</g>
<!-- event_5 -->
<g id="node6" class="node">
<title>event_5</title>
<path fill="#c8c8c8" stroke="black" d="M1253.5,-302C1253.5,-302 1036.5,-302 1036.5,-302 1030.5,-302 1024.5,-296 1024.5,-290 1024.5,-290 1024.5,-228 1024.5,-228 1024.5,-222 1030.5,-216 1036.5,-216 1036.5,-216 1253.5,-216 1253.5,-216 1259.5,-216 1265.5,-222 1265.5,-228 1265.5,-228 1265.5,-290 1265.5,-290 1265.5,-296 1259.5,-302 1253.5,-302"/>
<text text-anchor="middle" x="1145" y="-268.9" font-family="Times,serif" font-size="12.00">1995</text>
<text text-anchor="middle" x="1145" y="-255.9" font-family="Times,serif" font-size="12.00">Amazon &amp; eBay Launch</text>
<text text-anchor="middle" x="1145" y="-242.9" font-family="Times,serif" font-size="12.00">E&#45;commerce revolution begins online</text>
</g>
<!-- event_4&#45;&gt;event_5 -->
<g id="edge4" class="edge">
<title>event_4&#45;&gt;event_5</title>
<path fill="none" stroke="#4a4a4a" stroke-width="2" d="M1145,-431.81C1145,-431.81 1145,-310.12 1145,-310.12"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" stroke-width="2" points="1147.8,-310.12 1145,-302.12 1142.2,-310.12 1147.8,-310.12"/>
</g>
<!-- event_6 -->
<g id="node7" class="node">
<title>event_6</title>
<path fill="#cbcbcb" stroke="black" d="M955,-302C955,-302 687,-302 687,-302 681,-302 675,-296 675,-290 675,-290 675,-228 675,-228 675,-222 681,-216 687,-216 687,-216 955,-216 955,-216 961,-216 967,-222 967,-228 967,-228 967,-290 967,-290 967,-296 961,-302 955,-302"/>
<text text-anchor="middle" x="821" y="-268.9" font-family="Times,serif" font-size="12.00">1998</text>
<text text-anchor="middle" x="821" y="-255.9" font-family="Times,serif" font-size="12.00">Google Founded</text>
<text text-anchor="middle" x="821" y="-242.9" font-family="Times,serif" font-size="12.00">Search engine transforms information access</text>
</g>
<!-- event_5&#45;&gt;event_6 -->
<g id="edge5" class="edge">
<title>event_5&#45;&gt;event_6</title>
<path fill="none" stroke="#4a4a4a" stroke-width="2" d="M1024.35,-259C1024.35,-259 975.22,-259 975.22,-259"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" stroke-width="2" points="975.22,-256.2 967.22,-259 975.22,-261.8 975.22,-256.2"/>
</g>
<!-- event_7 -->
<g id="node8" class="node">
<title>event_7</title>
<path fill="#cecece" stroke="black" d="M645,-302C645,-302 349,-302 349,-302 343,-302 337,-296 337,-290 337,-290 337,-228 337,-228 337,-222 343,-216 349,-216 349,-216 645,-216 645,-216 651,-216 657,-222 657,-228 657,-228 657,-290 657,-290 657,-296 651,-302 645,-302"/>
<text text-anchor="middle" x="497" y="-268.9" font-family="Times,serif" font-size="12.00">2004</text>
<text text-anchor="middle" x="497" y="-255.9" font-family="Times,serif" font-size="12.00">Social Media Era</text>
<text text-anchor="middle" x="497" y="-242.9" font-family="Times,serif" font-size="12.00">Facebook launches, connecting billions worldwide</text>
</g>
<!-- event_6&#45;&gt;event_7 -->
<g id="edge6" class="edge">
<title>event_6&#45;&gt;event_7</title>
<path fill="none" stroke="#4a4a4a" stroke-width="2" d="M674.64,-259C674.64,-259 665.23,-259 665.23,-259"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" stroke-width="2" points="665.23,-256.2 657.23,-259 665.23,-261.8 665.23,-256.2"/>
</g>
<!-- event_8 -->
<g id="node9" class="node">
<title>event_8</title>
<path fill="#d0d0d0" stroke="black" d="M303,-302C303,-302 43,-302 43,-302 37,-302 31,-296 31,-290 31,-290 31,-228 31,-228 31,-222 37,-216 43,-216 43,-216 303,-216 303,-216 309,-216 315,-222 315,-228 315,-228 315,-290 315,-290 315,-296 309,-302 303,-302"/>
<text text-anchor="middle" x="173" y="-268.9" font-family="Times,serif" font-size="12.00">2005</text>
<text text-anchor="middle" x="173" y="-255.9" font-family="Times,serif" font-size="12.00">YouTube &amp; Streaming</text>
<text text-anchor="middle" x="173" y="-242.9" font-family="Times,serif" font-size="12.00">Video sharing platform revolutionizes media</text>
</g>
<!-- event_7&#45;&gt;event_8 -->
<g id="edge7" class="edge">
<title>event_7&#45;&gt;event_8</title>
<path fill="none" stroke="#4a4a4a" stroke-width="2" d="M336.9,-259C336.9,-259 323.42,-259 323.42,-259"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" stroke-width="2" points="323.42,-256.2 315.42,-259 323.42,-261.8 323.42,-256.2"/>
</g>
<!-- event_9 -->
<g id="node10" class="node">
<title>event_9</title>
<path fill="#d3d3d3" stroke="black" d="M294,-86C294,-86 52,-86 52,-86 46,-86 40,-80 40,-74 40,-74 40,-12 40,-12 40,-6 46,0 52,0 52,0 294,0 294,0 300,0 306,-6 306,-12 306,-12 306,-74 306,-74 306,-80 300,-86 294,-86"/>
<text text-anchor="middle" x="173" y="-52.9" font-family="Times,serif" font-size="12.00">2007</text>
<text text-anchor="middle" x="173" y="-39.9" font-family="Times,serif" font-size="12.00">Mobile Internet</text>
<text text-anchor="middle" x="173" y="-26.9" font-family="Times,serif" font-size="12.00">iPhone launches smartphone internet era</text>
</g>
<!-- event_8&#45;&gt;event_9 -->
<g id="edge8" class="edge">
<title>event_8&#45;&gt;event_9</title>
<path fill="none" stroke="#4a4a4a" stroke-width="2" d="M173,-215.81C173,-215.81 173,-94.12 173,-94.12"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" stroke-width="2" points="175.8,-94.12 173,-86.12 170.2,-94.12 175.8,-94.12"/>
</g>
<!-- event_10 -->
<g id="node11" class="node">
<title>event_10</title>
<path fill="#d6d6d6" stroke="black" d="M635,-86C635,-86 359,-86 359,-86 353,-86 347,-80 347,-74 347,-74 347,-12 347,-12 347,-6 353,0 359,0 359,0 635,0 635,0 641,0 647,-6 647,-12 647,-12 647,-74 647,-74 647,-80 641,-86 635,-86"/>
<text text-anchor="middle" x="497" y="-52.9" font-family="Times,serif" font-size="12.00">2010s</text>
<text text-anchor="middle" x="497" y="-39.9" font-family="Times,serif" font-size="12.00">Cloud Computing</text>
<text text-anchor="middle" x="497" y="-26.9" font-family="Times,serif" font-size="12.00">Services move to cloud, enabling global access</text>
</g>
<!-- event_9&#45;&gt;event_10 -->
<g id="edge9" class="edge">
<title>event_9&#45;&gt;event_10</title>
<path fill="none" stroke="#4a4a4a" stroke-width="2" d="M306.19,-43C306.19,-43 338.94,-43 338.94,-43"/>
<polygon fill="#4a4a4a" stroke="#4a4a4a" stroke-width="2" points="338.94,-45.8 346.94,-43 338.94,-40.2 338.94,-45.8"/>
</g>
</g>
</svg>