-
Notifications
You must be signed in to change notification settings - Fork 22
/
signal_transmission.html
104 lines (71 loc) · 3.18 KB
/
signal_transmission.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./css/signal_transmission.css">
<title>Project SynGap Demo</title>
</head>
<body>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In -->
<svg id="neuronSys" class="neuronSVG" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600">
<defs>
<filter id="goo">
<feGaussianBlur in="SourceGraphic" stdDeviation="8" result="blur" />
<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 21 -9" result="cm" />
<feBlend/>
</filter>
</defs>
<g id="neuronGroup" filter="url(#goo)">
<line class="dendrites" x1="186" y1="214" x2="266" y2="275"/>
<line class="dendrites" x1="192" y1="300" x2="258" y2="300"/>
<line class="dendrites" x1="184" y1="387" x2="268" y2="324"/>
<line class="axon" x1="407" y1="300" x2="340" y2="300"/>
<g id="neuron">
<circle class="whitespace" cx="300" cy="300" r="41"/>
</g>
<g class="input">
<circle class="whitespace" cx="162" cy="196" r="29"/>
</g>
<g class="input">
<circle class="whitespace" cx="162" cy="300" r="29"/>
</g>
<g class="input">
<circle class="whitespace" cx="162" cy="404" r="29"/>
</g>
<g class="output">
<circle class="whitespace" cx="434" cy="301" r="29.5"/>
</g>
<g id="transit">
<line class="signalTransit" x1="186" y1="214" x2="266" y2="275"/>
<line class="signalTransit" x1="192" y1="300" x2="258" y2="300"/>
<line class="signalTransit" x1="184" y1="387" x2="268" y2="324"/>
</g>
<g class="signal" id="topSignal">
<circle class="st1" cx="162" cy="195" r="20"/>
</g>
<g class="signal" id="midSignal">
<circle class="st1" cx="162" cy="299.7" r="20"/>
</g>
<g class="signal" id="botSignal">
<circle class="st1" cx="162" cy="403.7" r="20"/>
</g>
<circle id="cenSig" cx="300" cy="300" r="26"/>
<circle id="cenSig2" cx="300" cy="300" r="26"/>
<circle id="cenSig3" cx="300" cy="300" r="26"/>
<circle id="outSig" cx="434" cy="301" r="25"/>
</g>
<!-- <g id="num1">
<path d="M163.7,185.7c0.4,0.4,0.5,0.8,0.5,1.3V205c0,0.5-0.2,1-0.6,1.3c-0.4,0.4-0.9,0.5-1.5,0.5c-0.6,0-1.1-0.2-1.4-0.5
c-0.4-0.4-0.6-0.8-0.6-1.3v-14.7l-1.9,1.2c-0.3,0.2-0.6,0.3-1,0.3c-0.5,0-1-0.2-1.3-0.6s-0.5-0.8-0.5-1.3c0-0.3,0.1-0.6,0.3-0.9
c0.2-0.3,0.4-0.5,0.7-0.7l4.7-2.8c0.4-0.2,0.8-0.3,1.3-0.3C162.9,185.1,163.3,185.3,163.7,185.7z"/>
</g> -->
</svg>
<script type="text/javascript" src="./js/TweenMax.min.js"></script>
<script type="text/javascript" src="./js/DrawSVGPlugin.min.js"></script>
<script type="text/javascript" src="./js/GSDevTools.min.js"></script>
<script type="text/javascript" src="./js/Draggable.min.js"></script>
<!-- <script type="text/javascript" src="./js/SVG2GIF.min.js"></script> -->
<script type="text/javascript" src="./js/signal_transmission.js"></script>
</script>
</body>
</html>