This repository was archived by the owner on Jan 18, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtools.html
134 lines (134 loc) · 7.74 KB
/
tools.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>MESOCP-gallery</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="https://uic.edu.cn/images/favicon.ico" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
<style>
.blur {
-webkit-filter: blur(2px); /* Chrome, Opera */
-moz-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);
opacity:0.8;
filter: alpha(opacity=80);}
.vertical-center {
min-height: 80%; /* Fallback for browsers do NOT support vh unit */
min-height: 80vh; /* These two lines are counted as one :-) */
display: flex;
align-items: center;}
</style>
</head>
<body>
<!-- Responsive navbar-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container px-5">
<a class="navbar-brand" href="index.html">MESOCP - Modern Elementary Statistics Online Computing Platform</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<!--<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>-->
<li class="nav-item"><a class="nav-link active" aria-current="page" href="tools.html">Tools</a></li>
</ul>
</div>
</div>
</nav>
<!-- Page Content-->
<div class="container px-4 px-lg-5">
<br>
<br>
<!-- Content Row-->
<div class="row gx-4 gx-lg-5 vertical-center">
<div class="col-md-4 mb-5">
<div class="card h-100" style="min-height: 20vh">
<div class="card-body">
<img class="card-img-top blur" src="fig/ANOVA.png" alt="Card image">
<div class="card-img-overlay">
<h3 class="card-title">Distributions</h3>
<p class="card-text">Common continuous distributions and discrete distributions</p>
<a href="apps/Distribution" class="stretched-link"></a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-5">
<div class="card h-100" style="min-height: 20vh">
<div class="card-body">
<img class="card-img-top blur" src="fig/ANOVA.png" alt="Card image">
<div class="card-img-overlay">
<h3 class="card-title">Data Visualization</h3>
<p class="card-text">Big data visualization, such as dynamic plot of spatial data, take Covid-19 data as example</p>
<a href="apps/COVID" class="stretched-link"></a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-5">
<div class="card h-100" style="min-height: 20vh">
<div class="card-body">
<img class="card-img-top blur" src="fig/ANOVA.png" alt="Card image">
<div class="card-img-overlay">
<h3 class="card-title">Confidence Interval</h3>
<p class="card-text">Dynamic demonstration of interval estimation, i.e., the change in confidence intervals of the overall mean and overall proportion with different samples the significance of the confidence level</p>
<a href="apps/CI" class="stretched-link"></a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-5">
<div class="card h-100 img-fluid" style="min-height: 20vh">
<div class="card-body">
<img class="card-img-top blur" src="fig/ANOVA.png" alt="Card image">
<div class="card-img-overlay">
<h3 class="card-title">Linear Regression</h3>
<p class="card-text">Explore the correlation between variables, including how correlation coefficients and regression equations change with changes in data distribution</p>
<a href="apps/Regression" class="stretched-link"></a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-5">
<div class="card h-100 img-fluid" style="min-height: 20vh">
<div class="card-body">
<img class="card-img-top blur" src="fig/ANOVA.png" alt="Card image">
<div class="card-img-overlay">
<h3 class="card-title">Hypothesis Testing</h3>
<p class="card-text">Interative plot for identifing the p-values, Type I and Type II errors, and test efficacy</p>
<a href="apps/Hypothesis" class="stretched-link"></a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-5">
<div class="card h-100 img-fluid" style="min-height: 20vh">
<div class="card-body">
<img class="card-img-top blur" src="fig/ANOVA.png" alt="Card image">
<div class="card-img-overlay">
<h3 class="card-title">Analysis of Variance</h3>
<p class="card-text">One-way ANOVA to test for differences among the means of several populations(also referred to as "groups")</p>
<a href="apps/ANOVA" class="stretched-link"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer-->
<footer class="py-5 bg-dark">
<div class="container px-4 px-lg-5">
<p class="m-0 text-center text-white">The service is run transparaently from <a href="https://githu.com/Bayes-Cluster/MES" style="text-decoration:none; color=red">Bayes-Cluster/MES</a> on <a href="https://github.com" style="text-decoration:none">GitHub</a></p>
<p class="m-0 text-center text-white">Copyright © 2018-<script>document.write(new Date().getFullYear())</script> <a href="https://dst.uic.edu.cn/en/undergraduate_programmes/stat/introduction.htm" style="text-decoration:none"> BNU-HKBU UIC STAT </a> & <a href="https://github.com/Bayes-Cluster" style="text-decoration:none"> USBC Maintenance Group </a></p></div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>