-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (130 loc) · 8.38 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
<!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 https-equiv="X-UA-Compatible" content="IE=edge">
<title>shiny.aj2duncan.com</title>
<!-- Bootstrap -->
<!-- <link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-theme.min.css" rel="stylesheet"> -->
<link href = "css/sketchy/bootstrap.css" rel = "stylesheet">
<link href="css/footer.css" rel="stylesheet">
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class = "row">
<div class = "col-md-12">
<h1>Welcome to my Shiny Server</h1>
<p>Below you will find links to various apps for both teaching and research purposes. All the code is hosted on <a href = "https://github.com/aj2duncan/shiny-server" target = "_blank">github</a>. For my main website go to <a href = "https://www.aj2duncan.com">aj2duncan.com</a>.</p>
</div>
</div>
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#teaching">Teaching</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#research">Research</a>
</li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade show active" id="teaching">
<br/>
<div class = "row">
<div class = "col-md-12">
<p>The apps below are mainly intended for teaching/demo purposes.</p>
</div></div>
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#risk">Risk and Modelling</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#statistics">Statistics</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#mathematics">Mathematics</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#shiny">Shiny Apps</a>
</li>
</ul>
<div id="myTabContent-nested" class="tab-content">
<div class="tab-pane fade show active" id="risk">
<div class = "row">
<div class = "col-md-4 col-sm-4 col-xs-12">
<h2> Lotka-Volterra </h2>
<a href="https://shiny.aj2duncan.com/risk/lotka-volterra/" target = "_blank"><img src = "images/lv.jpg" class = "img-fluid"> </a>
<p>Examine the <a href="https://shiny.aj2duncan.com/risk/lotka-volterra/" target = "_blank">Lotka-volterra</a> system of equations to model predator-prey populations.</p>
</div>
<div class = "col-md-4 col-sm-4 col-xs-12">
<h2> Disease Modelling </h2>
<a href="https://shiny.aj2duncan.com/risk/disease/" target = "_blank"><img src = "images/sir.jpg" class = "img-fluid"> </a>
<p>Examine some simple <a href="https://shiny.aj2duncan.com/risk/disease/" target = "_blank">disease</a> models. See how some straight forward changes can make a big difference to the spread of the disease.</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="statistics">
<div class = "row">
<div class = "col-md-4 col-sm-4 col-xs-12">
<a href="https://shiny.aj2duncan.com/stats/correlation/" target = "_blank"><img src = "images/correlation.jpg" class = "img-fluid"> </a>
<p>Is correlation thing only thing you need to judge the fit of linear regression? Have a look at this <a href="https://shiny.aj2duncan.com/stats/correlation/" target = "_blank">app</a> and see what you think. (modified from <a href="https://stat.duke.edu/%7Emc301/shinyed/" target = "_blank">Shiny Ed</a>)</p>
</div>
<div class = "col-md-4 col-sm-4 col-xs-12">
<a href="https://shiny.aj2duncan.com/stats/dist_calc/" target = "_blank"><img src = "images/dist_calc.jpg" class = "img-fluid"> </a>
<p><a href="https://shiny.aj2duncan.com/stats/dist_calc/" target = "_blank">This</a> is a distribution calculator (modified from <a href="https://stat.duke.edu/%7Emc301/shinyed/" target = "_blank">Shiny Ed</a>) that allows you to conduct hypothesis testing amongst other things.</p>
</div>
<div class = "col-md-4 col-sm-4 col-xs-12">
<a href="https://shiny.aj2duncan.com/stats/guess_the_correlation/" target = "_blank"><img src = "images/guess.jpg" class = "img-fluid"> </a>
<p>Can you <a href="https://shiny.aj2duncan.com/stats/guess_the_correlation/" target = "_blank">guess the correlation</a> (modified from <a href="https://stat.duke.edu/%7Emc301/shinyed/" target = "_blank">Shiny Ed</a>) in a quick game to help identify the value of the correlation coefficient from some random data.</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="mathematics">
<div class = "row">
<div class = "col-md-4 col-sm-4 col-xs-12">
<a href="https://shiny.aj2duncan.com/higher/rec_rel/" target = "_blank"><img src = "images/rec_rel.jpg" class = "img-fluid"> </a>
<p>Investigate recurrence relations and their limits in <a href = "https://shiny.aj2duncan.com/higher/rec_rel/" target = "_blank">this</a> Shiny app.</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="shiny">
<div class = "row">
<div class = "col-md-4 col-sm-4 col-xs-12">
<a href="https://shiny.aj2duncan.com/shiny/no_reactive/" target = "_blank"><img src = "images/no_reactive.jpg" class = "img-fluid"> </a>
<p>Compare this function to it's <a href = "https://shiny.aj2duncan.com/shiny/reactive/" target = "_blank">neighbour</a>. <a href = "https://shiny.aj2duncan.com/shiny/no_reactive/" target = "_blank">This</a> Shiny app will show what code is running for a particular user input. It performs some calculations more often than it should.</p>
</div>
<div class = "col-md-4 col-sm-4 col-xs-12">
<a href="https://shiny.aj2duncan.com/shiny/reactive/" target = "_blank"><img src = "images/no_reactive.jpg" class = "img-fluid"> </a>
<p>Compare this function to it's <a href = "https://shiny.aj2duncan.com/shiny/no_reactive/" target = "_blank">neighbour</a>. <a href = "https://shiny.aj2duncan.com/shiny/reactive/" target = "_blank">This</a> Shiny app will show what code is running for a particular user input. This version of the app improves the performance compared to it's <a href = "https://shiny.aj2duncan.com/shiny/no_reactive/" target = "_blank">neighbour</a>.</p>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="research">
<div class = "row">
<div class = "col-md-4 col-sm-4 col-xs-12">
<h2>Catch Statistics</h2>
<a href="https://shiny.aj2duncan.com/catch_statistics/" target = "_blank"><img src = "images/catch.jpg" class = "img-fluid"> </a>
<p>The <a href="https://shiny.aj2duncan.com/catch_statistics/" target = "_blank">Catch Statistics</a> app was built to demonstrate shiny and some of its capabilities. It uses the catch numbers (from public data available from Marine Scotland) to plot the total catch per river over time which allows for seasonal comparisons and for comparisons between rivers.</p>
</div>
<!-- <div class = "col-md-4 col-sm-4 col-xs-12">
<h2>Introduction to Networks</h2>
<a href="https://shiny.aj2duncan.com/networks/sigmaNet/" target = "_blank"><img src = "images/sigmaNet.jpg" class = "img-fluid"> </a>
<p>The <a href="https://shiny.aj2duncan.com/networks/sigmaNet/" target = "_blank">sigmaNet</a> app is an introduction to the <a href = "https://iankloo.github.io/sigmaNet/" target = "_blank">sigmaNet</a> package and to network metrics. You can choose from three datasets and change characteristics of the networks. The app also shows you the code so you can copy and paste it into your own workflow.</p>
</div> -->
</div>
</div>
</div>
</div>
<footer class="footer">
<div class = "container">
<span class = "text-muted">Shiny server of <a href="https://aj2duncan.com">aj2duncan.com</a></span></div>
</footer>
<!-- js for bootstrap 4 -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>