-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdataproject_bdcovid19.html
138 lines (133 loc) · 6.13 KB
/
dataproject_bdcovid19.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
<!DOCTYPE HTML>
<!--
Miniport by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Timothy S. Green</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<script src="https://use.fontawesome.com/947b3652bb.js"></script>
</head>
<body class="is-preload">
<!-- Nav -->
<nav id="nav">
<ul class="container">
<li><a href="index.html#top">Home</a></li>
<li><a href="index.html#work">Work</a></li>
<li><a href="index.html#portfolio">Portfolio</a></li>
<li><a href="index.html#contact">Contact</a></li>
</ul>
</nav>
<!-- Home -->
<article id="top" class="wrapper style2">
<div class="container">
<div class="row">
<div class="col-4 col-5-large col-12-medium">
<span class="image fit"><img src="images/cv19_map2.png" alt="" /></span>
</div>
<div class="col-8 col-7-large col-12-medium">
<header>
<h1><strong>Covid-19 in Bangladesh</strong></h1>
</header>
<p>Informative visualisations of data of the spread of Covid-19 in Bangladesh are hard to find. So I have built my own.
<br><br>This project includes an app deployed online containing interactive visualisations of geospatial data and time-series analysis of national data.</p>
<a href="#portfolio" class="button large scrolly">Learn more about this project:</a>
</div>
</div>
</div>
</article>
<!-- Portfolio -->
<article id="portfolio" class="wrapper style5">
<div class="container">
<header>
<h2>Overview</h2>
<p>I have built a web-app allowing interactive visualisations, including the daily national data, cumulative national data and regional data. The app can be loaded
<a href="https://bangladesh-covid19.herokuapp.com/">here</a>. The app was developed using Dash in Python, which uses the Plotly visualisation package. The app is deployed on a free-tier
Heroku account so may take some time to initially load (as the site goes to sleep when inactive), so please be patient!
<br><br>
The GitHub repo for this project can be found here:
<ul class="social"><li><a href="https://github.com/TSGreen/bd-covid19-dash-app" class="icon brands fa-github"><span class="label">Github</span></a></li></ul>
</p>
</header>
</div>
</div>
</article>
<!-- Contact -->
<article id="contact" class="wrapper style4">
<div class="container medium">
<header>
<h2>Find me on ...</h2>
</header>
<div class="col-12">
<ul class="social">
<li><a href="https://www.linkedin.com/in/timothy-s-green/" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/TSGreen" class="icon brands fa-github"><span class="label">Github</span></a></li>
<li><a href="https://twitter.com/TGreenBookWorm" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.instagram.com/timothy.s.green/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://www.goodreads.com/user/show/25830284-tim-green" class="icon brands fa-goodreads"><span class="label">Goodreads</span></span></a></li>
<!--
<li><a href="#" class="icon solid fa-rss"><span>RSS</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon brands fa-tumblr"><span class="label">Tumblr</span></a></li>
<li><a href="#" class="icon brands fa-google-plus"><span class="label">Google+</span></a></li>
<li><a href="#" class="icon brands fa-foursquare"><span>Foursquare</span></a></li>
<li><a href="#" class="icon brands fa-skype"><span>Skype</span></a></li>
<li><a href="#" class="icon brands fa-soundcloud"><span>Soundcloud</span></a></li>
<li><a href="#" class="icon brands fa-youtube"><span>YouTube</span></a></li>
<li><a href="#" class="icon brands fa-blogger"><span>Blogger</span></a></li>
<li><a href="#" class="icon brands fa-flickr"><span>Flickr</span></a></li>
<li><a href="#" class="icon brands fa-vimeo"><span>Vimeo</span></a></li>
-->
</ul>
</div>
<!--
<hr>
<h2>Get in touch:</h2>
</hr>
<div class="row">
<div class="col-12">
<form method="post" action="#">
<div class="row">
<div class="col-6 col-12-small">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="col-6 col-12-small">
<input type="text" name="email" id="email" placeholder="Email" />
</div>
<div class="col-12">
<input type="text" name="subject" id="subject" placeholder="Subject" />
</div>
<div class="col-12">
<textarea name="message" id="message" placeholder="Message"></textarea>
</div>
<div class="col-12">
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
<li><input type="reset" value="Clear Form" class="alt" /></li>
</ul>
</div>
</div>
</form>
</div>
-->
<footer>
<ul id="copyright">
<li>© Timothy Green. All rights reserved.</li><li>Original Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
</article>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>