Skip to content

Instantly share code, notes, and snippets.

View kylingoround's full-sized avatar

Kylin Chen kylingoround

7 followers · 46 following
View GitHub Profile
@kylingoround
kylingoround / Hamsa.md
Last active September 23, 2019 22:10

Introduction

  • How can we create new ways to build interpersonal connections in VR?
  • How do we innovate VR interfaces with gesture-control?
  • What are the boundaries of story-telling in VR?

Those were the questions our team explored in the three-day event of MIT’s Reality, Virtually Hackathon! The result is Hamsa - a story-driven, two-player puzzle experience in which one player literally transforms into a pair of magic hands.

<iframe src="https://player.vimeo.com/video/187478380" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>

Team formation: I worked with two developers and an animator while I focused on UX, concept-development, moderating, story-telling, storyboard / wireframe and user-testing.

@kylingoround
kylingoround / border.md
Last active September 23, 2019 22:24
Website Markdowns

Play it live here.

front top to bottom: Mexico-US barrier, Belize–Guatemala, and a proposed Nicaragua–Costa barrier. All three are anti-immigration barriers

The idea came to me when I realized that we live inside a media bubble, a fortitude of walls that limit our horizon as if the only border barrier matters is in the US. Indeed, there are only 3 prominent barriers in the west hemisphere.

Breaking free from this “prison” can be difficult as there are no official records or datasets about border barriers. So I started with a wikipedia page and started to put each barrier on the map:

@kylingoround
kylingoround / ne_110m_land.json
Last active August 29, 2019 17:38
TopoJSON for World Map
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@kylingoround
kylingoround / MigrantStockChangeRate.csv
Last active August 26, 2019 16:03
IOM Migrant Stock Data
destination 1990-1995 1995-2000 2000-2005 2005-2010 2010-2015 2015-2017
Least developed countries 1.1 -3.0 -0.5 0.4 6.5 2.3
Less developed regions, excluding least developed countries -0.8 0.8 1.7 4.2 3.3 2.0
Upper-middle-income countries -0.1 0.4 1.1 2.1 3.9 1.5
Lower-middle-income countries -2.3 -0.7 -0.9 1.1 0.7 0.2
Burundi -5.4 -14.1 6.4 6.2 4.2 1.7
Comoros -0.2 -0.2 -0.9 -0.9 -0.1 0.0
Djibouti -4.1 0.1 -1.7 2.0 2.0 1.6
Eritrea 0.9 0.9 2.0 1.8 0.3 0.3
Ethiopia -7.2 -5.5 -3.5 2.0 14.3 2.7
@kylingoround
kylingoround / missingdata.csv
Created August 25, 2019 04:18
missing_migrants.csv
We can't make this file beautiful and searchable because it's too large.
"Web ID","Region of Incident","Reported Date","Reported Year","Reported Month","Number Dead","Minimum Estimated Number of Missing","Total Dead and Missing","Number of Survivors","Number of Females","Number of Males","Number of Children","Cause of Death","Location Description","Information Source","Location Coordinates","Migration Route","URL","UNSD Geographical Grouping","Source Quality"
"51959","US-Mexico Border","August 20, 2019","2019","Aug","","2","2","","2","","1","Presumed drowning","Río Bravo near Mudo island in Piedras Negras, Coahuila, Mexico","Zocalo, GMN Noticias","28.710228241930, -100.509740470240","Central America to US","http://bit.ly/2HjwtxJ, http://bit.ly/2Zm7oZ8, http://bit.ly/2KSmFx4","Central America","3"
"51960","US-Mexico Border","August 20, 2019","2019","Aug","1","","1","","","1","","Unknown","Ranch near El Saucito, Coahuila, Mexico","Zocalo, Super Channel 12","28.513027700000, -100.455079600000","Central America to US","http://bit.ly/2KWleMR, http://bit.ly/2HyeSCz","Central America","3
@kylingoround
kylingoround / mex_json
Created August 12, 2019 15:38
World Bank Country JSON
This file has been truncated, but you can view the full file.
[
{
"Country Name": "Mexico",
"Country Code": "MEX",
"Indicator Name": "Population ages 40-44, female (% of female population)",
"Indicator Code": "SP.POP.4044.FE.5Y",
"1960": 4.020449596,
"1961": 4.057477859,
"1962": 4.143010867,
"1963": 4.249954037,
@kylingoround
kylingoround / MEX.csv
Last active August 12, 2019 14:16
World Bank Country Data
We can't make this file beautiful and searchable because it's too large.
"Data Source","World Development Indicators",
"Last Updated Date","2019-07-10",
"Country Name","Country Code","Indicator Name","Indicator Code","1960","1961","1962","1963","1964","1965","1966","1967","1968","1969","1970","1971","1972","1973","1974","1975","1976","1977","1978","1979","1980","1981","1982","1983","1984","1985","1986","1987","1988","1989","1990","1991","1992","1993","1994","1995","1996","1997","1998","1999","2000","2001","2002","2003","2004","2005","2006","2007","2008","2009","2010","2011","2012","2013","2014","2015","2016","2017","2018",
"Mexico","MEX","Population ages 40-44, female (% of female population)","SP.POP.4044.FE.5Y","4.0204495962846","4.05747785869023","4.14301086683899","4.24995403687431","4.34230867846081","4.3997153635538","4.42303529896981","4.42013053284773","4.3982114084414","4.36716058861731","4.33205946696685","4.29355957892804","4.25272510032424","4.20434202332408","4.14147969330396","4.0623374706298","3.96074898025002","3.85352563488368","3.7542862165223","3.6838009193295
@kylingoround
kylingoround / index.html
Created June 18, 2018 20:08
.Astronomy Star Chart
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
<style>
body {
background: black;
}
@kylingoround
kylingoround / index.html
Created May 8, 2017 22:45
Test
<!DOCTYPE html>
<meta charset="utf-8">
<style type="text/css">
/*svg {
outline: 1px solid #f0f;
}*/
.axis line {
@kylingoround
kylingoround / base.css
Created September 1, 2016 15:46 — forked from planetoftheweb/base.css
Base CSS document with google fonts, Eric Meyer's reset.css, Ethan Schoonover's solarized palette and some basic responsive code.
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:700|Exo+2:300,600);
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/* Solarized Palette - http://ethanschoonover.com/solarized ---------
lightgray : #819090;
gray : #70