-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
250 lines (220 loc) · 13.2 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
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- Icons -->
<script src="https://kit.fontawesome.com/f457a4798c.js"></script>
<!-- Custom CSS -->
<link href="css/main.css" rel="stylesheet">
<title>Titian Steiger - Portfolio</title>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="index.html">Titian Steiger</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Projects
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About Me</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container">
<div class="row">
<!-- Blog Entries Column -->
<div class="col-md-8">
<!-- Blog Post -->
<div class="card mb-4">
<img class="card-img-top" src="img/population_thumbnail.png" alt="Card image cap">
<div class="card-body">
<h2 class="card-title project-title" id="population-header"><a class="anchor"></a>How the World Population Changed During the 21st Century</h2>
<p class="card-text">
I investigated population data from <a href="https://data.worldbank.org/indicator/SP.POP.TOTL">The World Bank</a> and built an interactive D3.js chart that shows how the number of residents change in 76 countries from 2000 to 2017. Grouping states based on income shows a negative correlation between wealth and growth rate and I provided some context for the entries with the most notable changes.
</p>
<a href="projects/world-population/index.html" class="btn btn-primary">Read More →</a>
<a href="https://github.com/ttsteiger/d3-projects/tree/master/world-population" class="btn btn-primary">GitHub →</a>
</div>
<div class="card-footer text-muted">
Posted on August 5, 2019
</div>
</div>
<!-- Blog Post -->
<div class="card mb-4">
<img class="card-img-top" src="img/tbc_thumbnail.png" alt="Card image cap">
<div class="card-body">
<h2 class="card-title project-title" id="tbc-header"><a class="anchor"></a>Designing Different Fundraising Scenarios Using Token Bonding Curves</h2>
<p class="card-text">
To accompany a recent article on using <a href="https://medium.com/molecule-blog/designing-different-fundraising-scenarios-with-sigmoidal-token-bonding-curves-ceafc734ed97">Token Bonding Curves for continuous fudnraising</a> I created an interactive dashboard with <a href="https://plot.ly/dash/">Dash</a>. The user can choose between a variety of different scenarios, fine-tune parameters and observe changes in real-time.
</p>
<a href="https://sigmoid-tbc-app.herokuapp.com/" class="btn btn-primary">Read More →</a>
<a href="https://github.com/ttsteiger/sigmoid-tbc-app" class="btn btn-primary">GitHub →</a>
</div>
<div class="card-footer text-muted">
Posted on May 29, 2019
</div>
</div>
<!-- Blog Post -->
<div class="card mb-4">
<img class="card-img-top" src="img/earthquakes_thumbnail.png" alt="Card image cap">
<div class="card-body">
<h2 class="card-title project-title" id="earthquake-header"><a class="anchor"></a>Interactive Visualization of Earthquake Locations using <a href="https://d3js.org/">D3.js</a></h2>
<p class="card-text">This is the first data visulaization I have created using D3.js. Earthquake data published by the <a href="https://earthquake.usgs.gov/contactus/golden/neic.php">NEIC</a> is plotted on an interactive worldmap and an animation shows occurrences over time.</p>
<a href="projects/earthquakes.html" class="btn btn-primary">Read More →</a>
<a href="https://github.com/ttsteiger/Udacity_DAND/tree/master/DAND_p6" class="btn btn-primary">GitHub →</a>
</div>
<div class="card-footer text-muted">
Posted on December 4, 2017
</div>
</div>
<!-- Blog Post -->
<div class="card mb-4">
<img class="card-img-top" src="img/enron_thumbnail.png" alt="Card image cap">
<div class="card-body">
<h2 class="card-title project-title" id="enron-header"><a class="anchor"></a>Identifying Persons of Interest in the Enron Corpus Dataset using Machine Learning</h2>
<p class="card-text">By training and testing various machine learning classifiers on public Enron financial and email data, I built a model that can reliably identify Enron employees who were more likely to be involved in fraudulent activities that lead to the Enron accounting scandal.</p>
<a href="projects/enron_report.html" class="btn btn-primary">Read More →</a>
<a href="https://github.com/ttsteiger/Udacity_DAND/tree/master/DAND_p5" class="btn btn-primary">GitHub →</a>
</div>
<div class="card-footer text-muted">
Posted on September 10, 2017
</div>
</div>
<!-- Blog Post -->
<div class="card mb-4">
<img class="card-img-top" src="img/wine_thumbnail.png" alt="Card image cap">
<div class="card-body">
<h2 class="card-title project-title" id="wine-header"><a class="anchor"></a>Exploratory Data Analysis of Wine Quality in <a href="https://www.r-project.org/">R</a></h2>
<p class="card-text">In this project, I used R and applied exploratory data analysis techniques to examine distributions, outliers and relationships between variables in a data set containing physicochemical properties of red and white wines. I identified the parameters that influence wine quality the most and created a simple regression model to predict wine density based on the concentrations of its ingredients.</p>
<a href="projects/wine_report.html" class="btn btn-primary">Read More →</a>
<a href="https://github.com/ttsteiger/Udacity_DAND/tree/master/DAND_p4" class="btn btn-primary">GitHub →</a>
</div>
<div class="card-footer text-muted">
Posted on July 20, 2017
</div>
</div>
<!-- Blog Post -->
<div class="card mb-4">
<img class="card-img-top" src="img/osm_thumbnail.png" alt="Card image cap">
<div class="card-body">
<h2 class="card-title project-title" id="osm-header"><a class="anchor"></a>Wrangling of <a href="https://www.openstreetmap.org">OpenStreetMap</a> Data from Zürich</h2>
<p class="card-text">Data munging techniques were used to assess the quality of OpenStreetMap data from Zürich. Afterwards, the data was cleaned programmatically, a storage schema was developed and the data transferred to an SQL database. The data was explored by querrying the different tables and some interesting findings about the area were gathered.</p>
<a href="projects/osm_report.html" class="btn btn-primary">Read More →</a>
<a href="https://github.com/ttsteiger/Udacity_DAND/tree/master/DAND_p3" class="btn btn-primary">GitHub →</a>
</div>
<div class="card-footer text-muted">
Posted on June 10, 2017
</div>
</div>
<!-- Blog Post -->
<div class="card mb-4">
<img class="card-img-top" src="img/titanic_thumbnail.png" alt="Card image cap">
<div class="card-body">
<h2 class="card-title project-title" id="titanic-header"><a class="anchor"></a>Analysis of Titanic Survival Data</h2>
<p class="card-text">I conducted a thorough data analysis of passenger data from the Titanic sinking in 1912. By exploring the features found in the set I wanted to find out which of them influenced passenger survival the most and which passenger groups were most likely to survive the horrible disaster.</p>
<a href="projects/titanic_report.html" class="btn btn-primary">Read More →</a>
<a href="https://github.com/ttsteiger/Udacity_DAND/tree/master/DAND_p2" class="btn btn-primary">GitHub →</a>
</div>
<div class="card-footer text-muted">
Posted on May 12, 2017
</div>
</div>
<!-- Blog Post -->
<div class="card mb-4">
<img class="card-img-top" src="img/stroop_thumbnail.png" alt="Card image cap">
<div class="card-body">
<h2 class="card-title project-title" id="stroop-header"><a class="anchor"></a>Statistical Investigation of the Stroop Effect</h2>
<p class="card-text">Using descriptive statistics I looked at the results of a Stroop experiment. I set up a hypothesis about the outcome and performed a Student's t-test to assess it on a statistical level.</p>
<a href="projects/stroop_report.html" class="btn btn-primary">Read More →</a>
<a href="https://github.com/ttsteiger/Udacity_DAND/tree/master/DAND_p1" class="btn btn-primary">GitHub →</a>
</div>
<div class="card-footer text-muted">
Posted on April 5, 2017
</div>
</div>
<!-- Pagination
<ul class="pagination justify-content-center mb-4">
<li class="page-item">
<a class="page-link" href="#">← Older</a>
</li>
<li class="page-item disabled">
<a class="page-link" href="#">Newer →</a>
</li>
</ul>
//-->
</div>
<!-- Sidebar Widgets Column -->
<div class="col-md-4">
<!-- Portraid Card -->
<div class="card my-4 portrait-card">
<img class="card-img-top portrait rounded-circle" src="img/portrait.png">
<div class="card-body">
<h5 class="card-title">Titian Steiger</h5>
<h6 class="card-subtitle mb-2 text-muted">Product Strategy, Fintech & Token Economics, Data Science.</h6>
<p class="card-text">
<i class="fas fa-map-marker-alt"></i> Zürich, Switzerland <br>
<i class="fas fa-envelope"></i> <a href="mailto:[email protected]">Email</a> <br>
<i class="fab fa-linkedin"></i> <a href="https://www.linkedin.com/in/titian-steiger/">LinkedIn</a> <br>
<i class="fab fa-github"></i> <a href="https://github.com/ttsteiger">GitHub</a>
</p>
</div>
</div>
<div class="card my-4 toc-card">
<div class="card-header"><b>Table of Contents</b></div>
<div class="card-body">
<p class="card-text">
</p>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Copyright © Titian 2019</p>
</div>
<!-- /.container -->
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script type="text/javascript">
// create table of contents
var toc = "<ul>";
var newLine, header, title, link;
// loop through card headers
$(".card h2").each(function(x) {
header = $(this);
title = header.text();
link = "/#" + header.attr("id");
newLine = "<li>" +
"<a href='" + link + "'>" +
title +
"</a>" +
"</li>";
toc += newLine;
})
// close template
toc += "</ul>";
// inject table of contents
$(".toc-card p").append(toc);
</script>
</body>
</html>