forked from juba/uniquanti
-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
156 lines (133 loc) · 6.55 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<title>Uniquanti</title>
<!-- Bootstrap core CSS -->
<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap theme -->
<link href="bootstrap-3.3.7-dist/css/bootstrap-theme.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Fixed navbar -->
<nav class="navbar navbar-inverse navbar-static-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand" href="#"><span class="glyphicon glyphicon-equalizer" aria-hidden="true"></span></div>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="univariate.html">Univariate</a></li>
<li><a href="bivariate.html">Bivariate</a></li>
<li class="active"><a href="#">About</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">en</a></li>
<li><a href="about-fr.html">fr</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 ">
<h1>About</h1>
<p>The goal of this app is to provide an interactive interface to help learn and teach basic quantitative variables univariate and bivariate analysis and visualization.</p>
<p>You can display basic statistics and visualizations, you can then play around with parameters, zoom, pan, drag data points, and everything should be updated dynamically with transitions.</p>
<h2>Data sources</h2>
<p>Data can be manually typed, randomly generated from several distributions, or you can load a simple included dataset. Note that when a dataset is loaded, you won't be able to drag the points (as you shouldn't be able to do that in a real analysis).</p>
<h3>Univariate datasets</h3>
<table class="table table-striped">
<thead><tr><th>Title</th><th>Description</th><th>Note</th><th>Source</th></tr></thead>
<tbody>
<tr>
<td>Life expectancy by country</td>
<td>Life expectancy at birth, by country, in 2014</td>
<td></td>
<td><a href="http://data.worldbank.org/indicator/SP.DYN.LE00.IN">World bank</a></td>
</tr>
<tr>
<td>Mother age at child birth</td>
<td>Sample of 2000 mother ages at child birth, in France, in 2015. Only ages from 18 to 45 (included) are taken into account.</td>
<td>An example of integer-only quantitative variable, following a slightly skewed normal distribution.</td>
<td><a href="https://www.insee.fr/fr/statistiques/2406436">Insee</a></td>
</tr>
<tr>
<td>Departments population</td>
<td>Population of each french department in 2013</td>
<td></td>
<td><a href="https://fr.wikipedia.org/wiki/Liste_des_d%C3%A9partements_fran%C3%A7ais_class%C3%A9s_par_population_et_superficie">Wikipedia</a></td>
</tr>
<tr>
<td>Departments population density</td>
<td>Population density of each french department (in people per km²) in 2013</td>
<td>An example of the influence of outliers on statistics and visualization.</td>
<td><a href="https://fr.wikipedia.org/wiki/Liste_des_d%C3%A9partements_fran%C3%A7ais_class%C3%A9s_par_population_et_superficie">Wikipedia</a></td>
</tr>
<tr>
<td>!Kung people heights</td>
<td>Heights (in cm) from partial census data for the Dobe area !Kung San, compiled from interviews conducted by Nancy Howell in the late 1960s.</td>
<td>A bimodal dataset due to men and women heights having different distributions.</td>
<td><a href="https://github.com/rmcelreath/rethinking/blob/master/data/Howell1.csv"><em>Statistical rethinking</em> book dataset</td>
</tr>
</tbody>
</table>
<h3>Bivariate datasets</h3>
<table class="table table-striped">
<thead><tr><th>Title</th><th>Description</th><th>Note</th><th>Source</th></tr></thead>
<tbody>
<tr>
<td>Life expectancy vs GDP per capita</td>
<td>European countries, 2007</td>
<td></td>
<td><a href="https://cran.r-project.org/web/packages/gapminder/index.html">Gapminder R package</a></td>
</tr>
<tr>
<td>Life expectancy vs GDP per capita</td>
<td>World countries, 2007</td>
<td>Example of non linear relationship</td>
<td><a href="https://cran.r-project.org/web/packages/gapminder/index.html">Gapminder R package</a></td>
</tr>
<tr>
<td>928 children height and their mid-parents heights</td>
<td>Francis Galton, 1886</td>
<td>Historical dataset, used to show the concept of regression towards the mean.</td>
<td><a href="https://cran.r-project.org/web/packages/Galton/index.html">Galton R package</a></td>
</tr>
</tbody>
</table>
<h2>Links and credits</h2>
<ul>
<li>The source code of this app is freely available <a href="https://github.com/juba/uniquanti">on Github</a> under an MIT license.</li>
<li>Interface powered by <a href="https://getbootstrap.com">Bootstrap</a></li>
<li>Graphics powered by <a href="https://d3js.org/">D3.js</a></li>
<li>Regression calculations by <a href="https://github.com/simple-statistics/simple-statistics">simple-statistics</a></li>
</ul>
</div>
</div>
</div> <!-- /container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</body>
</html>