-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
766 lines (650 loc) · 36.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
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
<!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">
<title>Parsons Data Visualization Thesis Projects and Research</title>
<link href="web/css/style.css" rel="stylesheet">
<link href="web/css/color.css" rel="stylesheet">
<link href="web/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
// use preview images if available otherwise iframes directly
var usePreview = true;
$(document).ready(function() {
// images
$("div .project").each(function() {
if ($(this).attr('video-src') != undefined && $(this).attr('video-src') != '') {
console.log($(this).attr('video-src'));
var video = "<table width='100%'><tr><td><button class='download' onclick='playVideo(\"" + $(this).attr('video-src') + "\")'><i class='fa fa-play-circle' style='font-size:`16px'></i> PLAY VIDEO</button></td>";
video += "<td align='right'><button class='download' onclick='window.location.assign(\"" + $(this).attr('video-src') + "\")'><i class='fa fa-download' style='font-size:`16px'></i> DOWNLOAD VIDEO</button></td></tr></table>";
$(this).append(video);
}
if ($(this).attr('href') != undefined) {
// scale
var str = "";
str += "<a href='#top'><span class='pull-right glyphicon glyphicon-chevron-up' data-toggle='tooltip' data-placement='left' title='top'></span></a>";
$(this).append(str);
// create text field to copy from
var iframe = "<input id='embed' type='text' class='collapse pull-right btn btn-default col-md-12' value='" +
$(this).find("p").html() +
"<iframe width=\"100%\" height=\"100%\" src=\"" + window.location.href + "/." + $(this).attr('href') + "\"></iframe>" +
"<a href=\"https://visualizedata.github.io/undp/\"><img style=\"width:200px !important\" src=\"" + window.location.href + "/../" + "web/img/ParsonsDataVisualization.png" + "\"></a>" +
"'>";
if ($(this).find("input").length == 0) {
$(this).append(iframe);
}
// add preview image when available
if (usePreview) {
$(this).append("<img data-toggle='tooltip' data-placement='left' title='launch project' width=\"100%\" src='" + $(this).attr('img-src') + "' target='_blank' onClick='window.open(\"" + $(this).attr('href') + "\")'>");
$(this).find("img").error(function() {
$(this).parent().append("<iframe width='100%' height='100%' src='" + $(this).parent().attr('href') +
"' frameborder='0' allowfullscreen></iframe>");
$(this).parent().find("img").remove();
$(this).parent().find(".title").remove();
});
}
else {
$(this).append("<iframe width='100%' height='566' src='" + $(this).attr('href') + "'></iframe>");
}
}
});
// index
$("h3").each(function(i) {
if (!$(this).hasClass("no-touch")) {
$("#index").append("<li><a href='#" + i + "'>" +
"<span class='glyphicon glyphicon-chevron-down'></span> " +
$(this).text() + "</a><li>");
$(this).prepend("<a id='" + i + "'>");
}
else {
$("#index").append("<li class='no-touch'><a href='#" + i + "'>" +
"<span class='glyphicon glyphicon-chevron-down'></span> " +
$(this).text() + "</a><li>");
$(this).prepend("<a id='" + i + "'>");
}
});
// check for touch screens
var hasTouch = window.matchMedia('(pointer: coarse)').matches;
if (hasTouch) {
$(".no-touch").hide();
}
// activate tooltip
$('[data-toggle="tooltip"]').tooltip();
if (window.location.href.indexOf('?preview') >= 0)
$( "div#cover:visible" ).css( "display", "inline" ).fadeIn( "slow" );
if( (new Date().getTime() < new Date('May 16, 2019 18:30:00').getTime()))
{
$( "div#cover" ).css('visibility', 'visible');
}
$(window).scroll(function(){
$( "div#cover:visible" ).css( "display", "inline" ).fadeOut( "slow" );
});
});
function playVideo(url) {
var localDownloadPath = 'web/assets';
var player = document.getElementById("videoPlayer");
var videoSource = document.getElementById('videoSource');
var localSource = document.getElementById('localSource');
player.pause();
videoSource.src = url;
var file = url.replace(/^.*[\\\/]/, '');
console.log('video url', file);
var person = $("div").find(`[video-src='${url}']`).prev().attr('id');
console.log('person', person);
localSource.src = localDownloadPath + '/' + person + '/' + '/' + file;
player.load();
player.play();
if (player.requestFullscreen) {
player.requestFullscreen();
}
}
</script>
</head>
<body>
<div id="cover">
<a href="https://events.newschool.edu/event/ms_data_visualization_keynotes_1644#.XNojv9NKh24"><img src="web/img/cover.jpg"></a>
</div>
<div class="container">
<!--MENU-->
<div id="banner">
<div id="site_lockup">
<h1 class="u_name col-md-12">
<a href="http://newschool.edu/">
<span class="font-width-1">T</span><span class="font-width-2">h</span><span class="font-width-1">e</span><span class="font-width-1"> </span><span class="font-width-2">N</span><span class="font-width-1">e</span><span class="font-width-3">w</span><span class="font-width-1"> </span><span class="font-width-1">S</span><span class="font-width-1">c</span><span class="font-width-2">h</span><span class="font-width-2">o</span><span class="font-width-2">o</span><span class="font-width-3">l</span>
</a>
</h1>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<div id="stripe_menu" class="col-md-12">
<div id="inner-menu-stripe" class="bottom-stripe">
<div class="bottom-stripe-inner"></div>
</div>
<h1 class="sitename"><span class="font-width-3 kern-decrease-10"><a href="http://www.newschool.edu/parsons/ms-data-visualization/">Data Visualization</a></span></h1>
</div>
<div class="subtitle font-width-3 kern-decrease-10 col-md-10">
Thesis Projects and Research
</div>
</div>
</div>
<h2 class="col-md-10 col-md-offset-1">
This interdisciplinary graduate program brings together design, statistics, and computer science, developing critical abilities and facility for innovation in work settings in which data increasingly shapes opinion, policy, and decision-making.
</h2>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-10 col-md-offset-1">
<a href='https://youtu.be/KaL8bF-1SSM'><i class='fa fa-play-circle' style='font-size:`16px'></i> Watch the Keynote Presentations</a>
</h3>
<!--YEAR-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<div class="font-width-3 col-xs-3">
2019
</div>
<div class="font-width-3 col-xs-3 text-right">
<a href="https://visualizedata.github.io/thesis-2018/">2018</a>
</div>
<div class="font-width-3 col-xs-3 text-right">
<a href="https://visualizedata.github.io/thesis-2017/">2017</a>
</div>
<div class="font-width-3 col-xs-3 text-right">
<a href="https://visualizedata.github.io/thesis-2016/">2016</a>
</div>
<!--INDEX-->
<div class="col-md-12 col-md-10 col-md-offset-1">
<ul id="index">
<!--dynamically generated-->
</ul>
<br />
</div>
<!--SECTION-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<aside class="col-md-12 red">Arts and Leisure</aside>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<aside class="col-md-12"> </aside>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Nic Stark</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="nic"></a>
<div href="https://parsons.nyc/thesis-2019/nicStark/MicroSite/" img-src="preview/nic.png" video-src="https://github.com/nicstark/thesis/blob/master/public/demo.mp4?raw=true" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
Cambrian Analytica: What would it take for people to care about their personal data?
</span>
</p>
<p class="col-md-9">
Cambrian Analytica is a speculative design project that aims to answer the question: “What would it take for people to care about their personal data?” By using real personal data to generate zoomorphic incarnations of daily behavior, the project seeks to bring attention to the opportunities for self-reflection in a digital age.
</p>
</div>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Simone Rachelle Betito</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="simone"></a>
<div href="https://parsons.nyc/thesis-2019/simoneRachelleBetito/" img-src="preview/simone.png" video-src="https://github.com/simone-betito/msdv-thesis-SB/blob/master/demo.mov?raw=true" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
Repatriation: An Approach For A Fairer Museum
</span>
</p>
<p class="col-md-9">
Museums are bastions of culture, they hold artifacts from all over the world. These artifacts hold different meanings to different people and some want their artifacts repatriated. Repatriation is defined as: “the restoration of something to its rightful owner.” This visualization proposes a framework to determine the suitability of repatriation of an artifact or art piece. It also maps repatriation cases worldwide and applies the framework to a sample of the collection at the Metropolitan Museum of Art.
</p>
</div>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Emily Chu</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="emily"></a>
<div href="https://parsons.nyc/thesis-2019/emilyChu/" img-src="preview/emily.png" video-src="https://github.com/3milychu/thesis/blob/master/demo.mp4?raw=true" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
Notes on Perspective: An application that visually reconstructs the thoughts and feelings which occurred during a classical musical performance
</span>
</p>
<p class="col-md-9">
Notes on Perspective experiments with making visually tangible and beautiful the thoughts and feelings that occured during a musical performance. It is a single page application (SPA) with three states. Each state visually experiments with binding data to an abstraction of embodied experience: 1) situatedness, 2) activity and 3) perception.
</p>
</div>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Clare Churchouse</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="clare"></a>
<div href="https://parsons.nyc/thesis-2019/clareChurchouse/" img-src="preview/clare.png" video-src="https://github.com/churc/MajorStudio2/blob/master/images/MS2_clare_VLC.m4v?raw=true" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
Do museums reflect who we are as a society?
</span>
</p>
<p class="col-md-9">
Art museums are institutions that collect, curate, and exhibit works of art for the public. In so doing, they interpret, comment on, present, and shape our culture. But who works in museums and who goes to them? Two staff demographic surveys were published in 2015, one of New York City cultural grantees, the other of national art museum staff, followed by a second national survey in 2018. The latter showed changes in art museum demographics over time. These visualizations use the local survey dataset to explore racial and ethnic demographics of staff in NYC-funded museums, and probe a local museum collection dataset. What trends in museum staffing, collection acquisitions, and audience attendance are discernible from the data?
</p>
</div>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Kiril Traykov</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="kiril"></a>
<div href="kirilTraykov/index.html" img-src="preview/kiril.png" video-src="https://github.com/kiriltraykov/kiriltraykov.github.io/blob/master/kiril.m4v?raw=true" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
Travel in Women’s Professional Tennis
</span>
</p>
<p class="col-md-9">
Tennis is unique from other sports with the fact that there are no "home games" or "regional conferences" for the players and all tournaments take place in different cities throughout the world. Players on the Women's Tennis Association (WTA) tour typically spend 10+ months of the year on the road, which could include weekly change of climates and altitudes. This project explores the annual travel path for the top 30 women tennis players in 2018 and outlines what efficiency is needed to reach the top 10.
</p>
</div>
<!--SECTION-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<aside class="col-md-12 red">Health and Livelihood</aside>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<aside class="col-md-12"> </aside>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Candice Joan Mai Chan</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="candice"></a>
<div href="https://candicejmchan.github.io/candicethesis2019" img-src="preview/candice.png" video-src="https://github.com/candicejmchan/candicethesis2019/blob/master/demo.mov?raw=true" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
Opioids: The Branding and Commercialization of Pain
</span>
</p>
<p class="col-md-9">
Over the past two decades, the branding and commercialization of opioids has created one of the greatest commercial successes and public health tragedies in the United States. Multifaceted marketing strategies, created by large pharmaceutical companies, highlight how the carefully curated image of opioids created a ubiquitous presence of the drug across the United States and changed the way Americans perceive pain.
</p>
</div>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Colleen McCaffrey</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="colleen"></a>
<div href="https://parsons.nyc/thesis-2019/colleenMcCaffrey/src/" img-src="preview/colleen.png" video-src="https://github.com/colmccaffrey/thesis/blob/master/src/documentation/demo.mov?raw=true" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
The Sum of Us: What can crowdfunding tell us about the U.S. healthcare gap?
</span>
</p>
<p class="col-md-9">
Using a hybrid approach of structured and unstructured learning, and the people-first philosophy of human-centered design, this project aims to reveal new data and meaningful insights that can be used by healthcare policymakers and civic-minded innovators to create a more integrative healthcare system.
</p>
</div>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Batool Akbar</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="batool"></a>
<div href="https://parsons.nyc/thesis-2019/batoolAkbar/web/home.html" img-src="preview/batool.png" video-src="https://github.com/bsakbar/thesis/blob/master/assets/demo.mov?raw=true" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
Understand your blood, your data.
</span>
</p>
<p class="col-md-9">
Blood is a fascinating component of the human body. With only a few drops of blood, we can learn a lot about the conditions of our bodies. However, blood test results are usually conveyed in a complex format that is not understandable by everyone. Therefore, I built an interface that translates intricate blood test results into a simple and standardized format using interactive visualizations. The goal of this project is to provide a tool for patients to easily understand their health and bodies.
</p>
</div>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Felix Buchholz</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="felix"></a>
<div href="https://felixbuchholz.github.io/thesis2019/" img-src="preview/felix.gif" video-src="https://raw.githubusercontent.com/felixbuchholz/thesis2019/master/public/assets/demo.mov"class="project col-md-12">
<p class=" col-md-3">
<span class="title">
Universal Income Guarantees. An opportunity to rethink welfare?
</span>
</p>
<p class="col-md-9">
In a climate of polarization, a peculiar idea might have the potential to reach across political frontiers: the idea to grant every citizen a universal income guarantee. This project is not only an attempt to facilitate a nuanced debate about this policy and its possible effects on incomes in the US but also an offer to think about welfare and shared growth in general.
</p>
</div>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Mikaela Ergas Lenett</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="mikaela"></a>
<div href="mikaelaErgasLenett/index.html" img-src="preview/mikaela.png" video-src="https://github.com/mikaela-el/thesis/blob/master/demo.mov?raw=true" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
From the Supreme Court to the States: Visualizing Women’s Reproductive Rights
</span>
</p>
Throughout history, both the Supreme Court and lower levels of government have played essential roles in determining the extent to which women can legally access contraception and abortion. Making use of archival data collected by the Supreme Court as well as qualitative data about state abortion policy, this project seeks to investigate how decisions made at the Supreme Court level are implemented within the individual states.
<p class="col-md-9">
</p>
</div>
<!--SECTION-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<aside class="col-md-12 red">Media and Society</aside>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<aside class="col-md-12"> </aside>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Alonso Alcocer Guemez</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="alonso"></a>
<div href="https://parsons.nyc/thesis-2019/alonsoAlcocerGuemez/" img-src="preview/alonso.png" video-src="https://github.com/alonsoag86/msdv-final/blob/master/demo.m4v?raw=true" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
2016: A Year in News – Mexico Through the Lens of U.S. Media
</span>
</p>
<p class="col-md-9">
The following visual essay explores the behavior of the U.S. media at a historical turning point in the bilateral relations between the U.S. and Mexico. The project is based on data gathered by the team of international media analysts of former Mexican President, Enrique Peña Nieto. It encompasses 67 media outlets and over 7,000 articles, thus offering the reader a unique opportunity to visualize the effects of the 2016 U.S. Presidential Election through the eyes of one of its closest allies.
</p>
</div>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Jed Crocker</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="jed"></a>
<div href="http://jedcrocker.com/thesis" img-src="preview/jed.png" video-src="https://github.com/jed-c/thesis-video/raw/master/demo.m4v" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
Visually Exploring the American Archive of Public Broadcasting
</span>
</p>
<p class="col-md-9">
The American Archive of Public Broadcasting is a collaboration between PBS flagship station WGBH in Boston and the Library of Congress. This is a tool to visually explore and discover the unique public non-commercial media that exists within this collection.
</p>
</div>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Stephanie Yung</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="stephanie"></a>
<div href="https://ssyung.github.io/thesis/" img-src="preview/stephanie.png" video-src="https://github.com/ssyung/thesis/blob/master/documentation/demo.m4v?raw=true" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
All the Queens Voices: An Oral History, Visualized. A data visualization of Queens Memory program`s 400+ oral history interviews collected in Queens, New York
</span>
</p>
<p class="col-md-9">
Oral history is a method of historical inquiry rooted in dialogue between an interviewer and an interviewee. The practice predates the written word, yet persists to the current digital age. Oral history bridges the gap between what is captured in history books and the individual experience. As oral history has shifted into the digital age, rich debate has ensued surrounding best practices and new questions and issues continue to arise as technologies advance. One of these touch points is on how far oral history can and should stray from its rooting in the oral and aural tradition. This project seeks to explore whether oral history, a fundamentally oral/aural experience, can and should be visualized. Partnering with Queens Memory, an oral history program based in the Queens Public Library system of New York City, interview sound files and interview metadata were collected, analyzed and visualized.
</p>
</div>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Isabel Verkes</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="isabel"></a>
<div href="isabelVerkes/index.html" img-src="preview/isabel.png" video-src="https://github.com/IsVer/ms-t/blob/master/demo.mov?raw=true" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
Passive Activism: Environmental shareholder activism and the role of index funds
</span>
</p>
The increase in passively invested money, index funds, is affecting the relationship between management and shareholders in basically every listed U.S. company. As index funds account for a larger share of the stock market, more voting power lies with the largest fund managers. As activists have been submitting more shareholder proposals on environmental issues, how did this voting power of index funds play out?
<p class="col-md-9">
</p>
</div>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Suzanna Schmeelk</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="suzanna"></a>
<div href="suzannaSchmeelk/identitytheft.html" img-src="preview/suzanna.jpg" video-src="https://schmeelk.github.io/SchmeelkIdentityTheftVizThesis/AnatomyOfABreach.mov" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
Identity Theft: Anatomy of a Data Breach
</span>
</p>
<p class="col-md-9">
This thesis examines identity theft through the lens of medical record data breaches. In the United States the federally regulated HIPAA/HITECH regulations require public notifications of breached electronic patient health identifiers. Our work explores identity theft, the regulations, and visualizes the notification health data breaches that have been publicly posted by the U.S. Heath and Human Resources Office of Civil Rights (HHS OCR).
</p>
</div>
<!--SECTION-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<aside class="col-md-12 red">Data and Policy</aside>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<aside class="col-md-12"> </aside>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Andrew Levinson</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="andrew"></a>
<div href="https://thewatercrisis.us" img-src="preview/andrew.png" video-src="https://raw.githubusercontent.com/AndrewLevinson/thesis/master/src/assets/demo.mov" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
The United States Water Crisis: How changes to the natural water cycle and increasing demand are causing water stress
</span>
</p>
<p class="col-md-9">
Freshwater has been described as the oil of the 21st century. In the wake of extreme water stress events across the
globe in places like Cape Town, Mexico City, and Australia, I wanted to explore often overlooked water issues here at
home in the United States. Major factors like population growth and climate change are causing local pockets of water
stress that will soon affect other areas of the country without action. In order to change our relationship with water,
action must come in the form of both infrastructure investments and behavioral changes.
</p>
</div>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Michael Wolf</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="michael"></a>
<div href="michaelWolf/index.html" img-src="preview/michael.gif" video-src="https://wolfm2.github.io/thesis/demo.mp4" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
How Fragile is the Sahel? An analytical perspective on fragility and its indicators.
</span>
</p>
<p class="col-md-9">
The Sahel region in northern Africa is a place where the member countries are joined by conflict and depravations. While it has historically been largely arid and difficult area in which to survive, the situation has worsened manifold since the region experienced its worst drought for decades in 2010. This drought which has stressed governmental services as it has allowed a new sort of terrorism to flourish. The UN has organized several missions in the region in hopes of stabilizing the situation but has often met with limited success. This work will focus on examining what it means when a state is defined by multilateral organizations as being fragile. The rehetoric will be understood through indicators measuring climate change, the activities of al-Qaida, Boko Haram, the Islamic State, and other violent actors in the region via the ACLED dataset, and the degradaton of trust in public services and other political instabilities each of these have engendered.
</p>
</div>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Grace Martinez</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="grace"></a>
<div href="graceMartinez/index.html" img-src="preview/grace.jpg" video-src="https://github.com/graceiseverywhere/thesis/blob/master/demo.mov?raw=true" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
Self-Storage Nation
</span>
</p>
<p class="col-md-9">
Catering to America’s material overflow, the self-storage industry has exploded into a booming $36 billion dollar market. Nearly 1 out of 10 American households currently rent a self storage unit and it’s continually growing. Visualizing survey data, this project examines how customers participate in this industry, revealing how self-storage is a window into America’s relationship to consumption.
</p>
</div>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Aaditi Rokade</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="aaditi"></a>
<div href="https://parsons.nyc/thesis-2019/aaditiRokade/thesisProject/" img-src="preview/aaditi.png" video-src="https://github.com/aaditirokade/thesis/blob/master/demo.m4v?raw=true" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
Visualizing the impact of climate change on flight experience: An exploration of domestic travel sector of civil aviation in India
</span>
</p>
<p class="col-md-9">
This visualization explores the trends in flight cancellations and passenger complaints for some major airline carriers operating in the civil aviation sector of India's transportation for years 2014-18. These trends are visualizaed based on temperature and rainfall trends(2014-2018) and upcoming holidays(2019). Being a tropical country, India experiences prominent seasons that inflence air travel, specifically, the flight experience.
</p>
</div>
<!--PROJECT-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<h3 class="col-md-12">Ryan Best</h3>
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<a id="ryan"></a>
<div href="ryanBest/index.html" img-src="preview/ryan.png" video-src="https://raw.githubusercontent.com/ryanabest/ms2-2019/master/thesis/public/demo.mov" class="project col-md-12">
<p class=" col-md-3">
<span class="title">
Drawing Discrimination
</span>
</p>
<p class="col-md-9">
This visualization explores redlining and discriminatory federal New Deal housing policy’s lasting impact on homeownership, home equity, and wealth building opportunities across New York City
</p>
</div>
<!--FOOTER-->
<div class="bottom-stripe col-md-12">
<div class="bottom-stripe-inner"></div>
</div>
<div id="about">
<div class="row">
<div class="col-md-2 text-right">
<p> </p>
<a href="https://github.com/visualizedata"><img data-toggle='tooltip' title='Source' src="web/img/GitHub.png" style="width:30px"></a>
</div>
<div class="col-md-3">
<p><a href="http://www.newschool.edu/parsons/ms-data-visualization/">MS Data Visualization 2019</a></p>
<a href="https://github.com/bsakbar/thesis">Batool Akbar</a>
<br /> <a href="https://github.com/ryanabest/ms2-2019/tree/master/thesis">Ryan Best</a>
<br /> <a href="https://github.com/simone-betito/msdv-thesis-SB">Simone Rachelle Betito</a>
<br /> <a href="https://github.com/felixbuchholz/thesis">Felix Buchholz</a>
<br /> <a href="https://github.com/candicejmchan/candicethesis">Candice Joan Mai Chan</a>
<br /> <a href="https://github.com/3milychu/thesis">Emily Chu</a>
<br /> <a href="https://github.com/churc/MajorStudio2">Clare Churchouse</a>
<br /> <a href="https://github.com/okhobb/jedrs-thesis">Jed Crocker</a>
<br /> <a href="https://github.com/alonsoag86/msdv-final">Alonso Alcocer Guemez</a>
<br /> <a href="https://github.com/mikaela-el/thesis">Mikaela Ergas Lenett</a>
<br /> <a href="https://github.com/AndrewLevinson/thesis">Andrew Levinson</a>
<br /> <a href="https://github.com/graceiseverywhere/thesis/">Grace Martinez</a>
<br /> <a href="https://github.com/colmccaffrey/thesis">Colleen McCaffrey</a>
<br /> <a href="https://github.com/aaditirokade/thesis">Aaditi Rokade</a>
<br /> <a href="https://github.com/schmeelk/SchmeelkIdentityTheftVizThesis">Suzanna Schmeelk</a>
<br /> <a href="https://github.com/nicstark/thesis">Nic Stark</a>
<br /> <a href="https://github.com/kiriltraykov/kiriltraykov.github.io/tree/master/thesis">Kiril Traykov</a>
<br /> <a href="https://github.com/IsVer/mst/">Isabel Verkes</a>
<br /> <a href="https://github.com/wolfm2/thesis">Michael Wolf</a>
<br /> <a href="https://github.com/ssyung/thesis">Stephanie Yung</a>
<p></p>
<p></p>
</div>
<div class="col-md-3">
<p><a href="http://www.newschool.edu/parsons/">Parsons School of Design</a></p>
<a href="http://www.newschool.edu/parsons/faculty.aspx?id=4e54-5978-4d7a-4932">Daniel Sauter, Associate Prof.</a>
<br />Christian Swinehart, Adjunct Prof
<br />
<a href="https://www.newschool.edu/parsons/faculty/Richard-The/">Richard The, Assistant Prof.</a>
<br />Thesis Advisors
<br /> <a href="https://courses.newschool.edu/courses/PGDV5200">PGDV Major Studio 2</a>
<p></p>
</div>
<div class="col-md-3">
<p><a href="http://www.newschool.edu/parsons/ms-data-visualization/">Program Contact</a></p>
<a href="http://www.newschool.edu/parsons/faculty.aspx?id=4d6a-5577-4d6a-4d7a">Aaron Hill, Assistant Prof.</a>
<br />Program Director, Data Visualization
<br /> <a href="http://www.newschool.edu/parsons/art-media-technology-school-amt/">Art, Media, and Technology</a>
</div>
</div>
</div>
<div class="bottom-stripe col-md-12 marginbot-50">
<div class="bottom-stripe-inner"></div>
</div>
<video controls autoplay id="videoPlayer">
<source id="localSource" src=""></source>
<source id="videoSource" src=""></source>
</video>
</div>
<script src="web/js/bootstrap.min.js"></script>
<script src="web/js/jquery.easing.min.js"></script>
<script src="web/js/custom.js"></script>
</body>
</html>