-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
196 lines (174 loc) · 9.53 KB
/
index.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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="brain asymmetry, lateralization, cortical thickness, surface area, meta-analysis" />
<meta name="author" content="Xiangzhen Kong" />
<title>Brain and Behavioral Asymmetry Project - Mapping Brain and Behavioral Asymmetry</title>
<style type="text/css">
html{text-align:center;}
.hidden {
display: none;
}
.visible {
display: block;
}
select {
font-size:0.9em;
}
.clearfix { *zoom: 1;}
.clearfix:after{ content: ""; display: block; height: 0; visibility:hidden; clear: both;}
#header{ width: 96%; height: 40px; margin: 0 auto;}
#body{ width: 96%; margin: 0 auto;}
#aside{ float: left; width: 320px; background: #eee;}
#main{ margin-left: 240px; margin-top:1%}
#footer{ width: 96%; height: 30px; margin: 0 auto; }
</style>
<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create','UA-26255736-1','auto');ga('send','pageview');
function $(obj){
return document.getElementById(obj);
}
function doit(){
var sel_val=$('sel').value;
var sel2_val=$('sel2').value;
var sel3_val=$('sel3').value;
var imgsrc = "./img/Fig. S1.png";
var metric_str;
var region_str;
var file_name;
if(sel_val==='0'){
metric_str = "thick";
}
if(sel_val=='1'){
metric_str = "area";
}
region_str = sel2_val;
if(region_str=="hemi"){
if(metric_str=="thick"){
file_name="Asy_L_Thickness_asy_forest.svg";
}
if(metric_str=="area"){
file_name="Asy_L_SurfArea_asy_forest.svg";
}
}else{
file_name = region_str.concat("_asy_", metric_str, "_forest.svg");
}
if(sel3_val=='0'){
folder = 'img/stats_asy';
}
if(sel3_val=='1'){
folder = 'img/sexstats_asy';
}
if(sel3_val=='2'){
folder = 'img/agestats_asy';
}
if(sel3_val=='3'){
folder = 'img/handstats_asy';
}
if(sel3_val=='4'){
folder = 'img/icvstats_asy';
}
if(sel_val!==''&sel2_val!==''&sel3_val!==''){
imgsrc = folder.concat("/",file_name);
}
document.getElementById('image').src = imgsrc;
}
window.onload=function(){
var sel=document.getElementById("sel");
var sel2=document.getElementById("sel2");
var sel3=document.getElementById("sel3");
sel.onchange=doit;
sel2.onchange=doit;
sel3.onchange=doit;
};
</script>
</head>
<body>
<div id="header"><h2>Cortical Asymmetry Mapping from the ENIGMA Lateralization Working Group</h2></div>
<div id="body" class="clearfix">
<div id="aside">
<div class="inner">
<div id="intro", class="visible" >
<p style="font-size:14px; text-align:left; margin-left:7px; margin-right:7px">
<b>Mapping Cortical Asymmetry in 17,141 Healthy Individuals <a href='sites.html' target='_blank'>Worldwide</a> via the ENIGMA Consortium</b></p>
<p style="font-size:14px; text-align:left; margin-left:7px; margin-right:7px">
Hemispheric asymmetry is a cardinal feature of human brain organization. Abnormal brain asymmetry is also linked to numerous cognitive and neuropsychiatric disorders. Here we present the largest ever analysis of brain asymmetry and its variability across individuals (<b>N = 17141</b>). Results revealed widespread asymmetries at both hemispheric and regional levels. In addition to population-level asymmetries, variability in the brain asymmetry was found related to sex, age, and brain size. Surprisingly, we did not find significant associations between asymmetries and handedness. Finally, with two independent pedigree datasets, we found several asymmetries showing considerable heritability. This study provides a reference normative resource for future studies of altered brain asymmetry in cognitive, neurological, and psychiatric disorders, and the genetic basis of brain asymmetry.</p>
<p style="font-size:14px; text-align:left; margin-left:7px; margin-right:7px">
We present summary statistic results from the ENIGMA Lateralization Working Group. This site will help researchers to query the results by specifying <b>Cortical Measures</b>, <b>Regions of Interest</b>, and <b>Effects of Interest</b>. </p>
<p style="font-size:14px; text-align:left; margin-left:7px; margin-right:7px">
This work has been published in <a href='https://doi.org/10.1073/pnas.1718418115', target='_blank'><i>PNAS</i></a>. Summary statistics from the meta-analyses are available in the <a href='https://www.pnas.org/content/115/22/E5154/tab-figures-data', target='_blank'>Supporting Information of this paper</a>. Scripts and summary statistics are also available <a href='https://github.com/Conxz/neurohemi', target='_blank'><i>Here</i></a>, and also from <a href='https://archive.mpi.nl/', target='_blank'><i>The Language Archive</i></a>, a public data archive hosted by the Max Planck Institute for Psycholinguistics.</p>
<p style="font-size:12px; text-align:left; margin-left:7px; margin-right:7px">
Kong, X., Mathias, S. R., Guadalupe, T., ENIGMA Laterality Working Group, Glahn, D. C., Franke, B., Crivello, F., Tzourio-Mazoyer, N., Fisher, S. E., Thompson, P. M., & Francks, C. (2018). Mapping Cortical Brain Asymmetry in 17,141 Healthy Individuals Worldwide via the ENIGMA Consortium. Proceedings of the National Academy of Sciences of the United States of America. Advance online publication. doi:10.1073/pnas.1718418115 (<a href='http://pubman.mpdl.mpg.de/pubman/item/escidoc:2585071:9/component/escidoc:2588691/kong_etal_2018.pdf', target='_blank'>PDF</a>).</p>
<p style="font-size:12px; text-align:left; margin-left:7px; margin-right:7px">
<i>The image by default on the right shows an overview of mixed results of cortical thickness asymmetry in published papers with relatively small sample sizes (N < 300).</i></p>
</div>
</div>
</div>
<div id="main">
<div class="inner">
<select name="sel" id="sel">
<option selected="selected", value="">---Cortical Measures---</option>
<option value="0">Cortical Thickness</option>
<option value="1">Surface Area</option>
</select>
<select name="sel2" id="sel2">
<option selected="selected", value="">---Regions of Interest---</option>
<option value="hemi">Whole Hemisphere</option>
<option value="bankssts">Banks of the Superior Temporal Sulcus</option>
<option value="caudalanteriorcingulate">Caudal Anterior Cingulate</option>
<option value="caudalmiddlefrontal">Caudal Middle Frontal</option>
<option value="_cuneus">Cuneus</option>
<option value="entorhinal">Entorhinal</option>
<option value="fusiform">Fusiform</option>
<option value="inferiorparietal">Inferior Parietal</option>
<option value="inferiortemporal">Inferior Temporal</option>
<option value="isthmuscingulate">Isthmus Cingulate</option>
<option value="lateraloccipital">Lateral Occipital</option>
<option value="lateralorbitofrontal">Lateral Orbitofrontal</option>
<option value="lingual">Lingual</option>
<option value="medialorbitofrontal">Medial Orbitofrontal</option>
<option value="middletemporal">Middle Temporal</option>
<option value="parahippocampal">Parahippocampal</option>
<option value="paracentral">Paracentral</option>
<option value="parsopercularis">Pars Opercularis</option>
<option value="parsorbitalis">Pars Orbitalis</option>
<option value="parstriangularis">Pars Triangularis</option>
<option value="pericalcarine">Pericalcarine</option>
<option value="postcentral">Postcentral</option>
<option value="posteriorcingulate">Posterior Cingulate</option>
<option value="precentral">Precentral</option>
<option value="precuneus">Precuneus</option>
<option value="rostralanteriorcingulate">Rostral Anterior Cingulate</option>
<option value="rostralmiddlefrontal">Rostral Middle Frontal</option>
<option value="superiorfrontal">Superior Frontal</option>
<option value="superiorparietal">Superior Parietal</option>
<option value="superiortemporal">Superior Temporal</option>
<option value="supramarginal">Supramarginal</option>
<option value="frontalpole">Frontal Pole</option>
<option value="temporalpole">Temporal Pole</option>
<option value="transversetemporal">Transverse Temporal</option>
<option value="insula">Insula</option>
</select>
<select name="sel3" id="sel3">
<option selected="selected", value="">---Effects of Interest---</option>
<option value="0">Population-level Asymmetry</option>
<option value="1">Sex Effects</option>
<option value="2">Age Effects</option>
<option value="3">Handedness Effects</option>
<option value="4">Brain Size Effects</option>
</select>
<div style="text-align:center;">
<img src="./img/Fig. S1.png", alt='plot', width=80%, name='image', id='image'/>
</div>
</div>
</div>
</div>
<div id="footer"><font size="2">Supported by <a href='http://conxz.net/about/' target="_blank">Xiangzhen Kong</a>@<a href='http://www.mpi.nl/' target="_blank">Max Planck Institute for Psycholinguistics</a></font></div>
</div>
</body>
</html>