Skip to content

Instantly share code, notes, and snippets.

View JulienAssouline's full-sized avatar

Julien Assouline JulienAssouline

View GitHub Profile
@JulienAssouline
JulienAssouline / Canada_refugees_2016.csv
Last active November 24, 2017 16:26
two linked charts [hover over bars]
Country_Residence Origin Year Count Lat_Residence Lon_Residence Lat_Origin Lon_Origin
159 Canada Ghana 2016 5.0 56.130366 -106.34677099999999 7.946527000000001 -1.0231940000000002
134 Canada Angola 2016 6.0 56.130366 -106.34677099999999 -11.202691999999999 17.873887
202 Canada Yemen 2016 6.0 56.130366 -106.34677099999999 15.552726999999999 48.516388
195 Canada Thailand 2016 6.0 56.130366 -106.34677099999999 15.870032 100.992541
136 Canada Armenia 2016 7.0 56.130366 -106.34677099999999 40.069099 45.038189
170 Canada Cambodia 2016 7.0 56.130366 -106.34677099999999 12.565679 104.990963
177 Canada Nepal 2016 8.0 56.130366 -106.34677099999999 28.394857000000002 84.12400799999999
194 Canada Togo 2016 8.0 56.130366 -106.34677099999999 8.619543 0.824782
198 Canada Uganda 2016 9.0 56.130366 -106.34677099999999 1.373333 32.290275
@JulienAssouline
JulienAssouline / index.html
Created September 11, 2017 20:24
Chord Diagram with color gradient and opacity
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>D3: Loading TopoJSON data and generating SVG paths</title>
<script src="https://d3js.org/d3.v4.min.js"></script>
<style type="text/css">
/* No style rules here yet */
body,html{
margin: 0;
@JulienAssouline
JulienAssouline / Critics country - Sheet1.csv
Last active November 24, 2017 16:29
Map with squares + tooltip
index movie Country Latitude Longitude Name
United States 82 US 37.09024 -95.712891 United States
United Kingdom 18 GB 55.378051 -3.435973 United Kingdom
Canada 5 CA 56.130366 -106.346771 Canada
France 5 FR 46.227638 2.213749 France
Cuba 5 CU 21.521757 -77.781167 Cuba
Germany 5 DE 51.165691 10.451526 Germany
India 5 IN 20.593684 78.96288 India
Italy 4 IT 41.87194 12.56738 Italy
Israel 4 IL 31.046051 34.851612 Israel
@JulienAssouline
JulienAssouline / cancer_survival_rates.csv
Last active November 19, 2017 22:26
small multiple slope chart
delete Primary_Site Percentage_Change_1950_2014 Percentage_Change_1950_2014_1 Survival_rate_1950_1954 Survival_rate_2007_2013 difference_year X_1 X_2
1 23 Hodgkin (lymphoma) -83.6 -3.3 30 88.9 58.9 1 2
2 17 Prostate -38.5 -0.6 43 99.6 56.6 1 2
3 26 Leukemia -4.4 -0.3 10 64.8 54.8 1 2
4 25 Myeloma 209.7 1 6 50.6 44.6 1 2
5 12 Skin 163.1 1.2 49 93.6 44.6 1 2
6 24 Non-Hodgkin (lymphoma) 70.6 0.7 33 74.2 41.2 1 2
7 20 Kidney & Pelvis 27.8 0.4 34 74.8 40.8 1 2
8 18 Testis -70.2 -2.7 57 96.9 39.9 1 2
9 13 Breast (females) -38.5 -0.7 60 92.2 32.2 1 2
gistup
@JulienAssouline
JulienAssouline / arms_transfer_2012_2016.csv
Last active November 20, 2017 02:39
small multiples map with different country fill for each multiple
Exporter Importer Latitude_exp Longitude_exp Latitude_imp Longitude_imp Millions
0 Brazil Afghanistan -14.235004 -51.92528 33.93911 67.709953 88.0
1 Brazil Angola -14.235004 -51.92528 -11.202692 17.873887 26.0
2 Brazil Argentina -14.235004 -51.92528 -38.416097 -63.616672 0.0
3 Brazil Bolivia -14.235004 -51.92528 -16.290154 -63.588653 4.0
4 Brazil Brazil -14.235004 -51.92528 -14.235004 -51.92528 0.0
5 Brazil Burkina Faso -14.235004 -51.92528 12.238333 -1.561593 0.0
6 Brazil Cape Verde -14.235004 -51.92528 16.002082 -24.013197 0.0
7 Brazil Chile -14.235004 -51.92528 -35.675147 -71.542969 0.0
8 Brazil Colombia -14.235004 -51.92528 4.570868 -74.297333 1.0
@JulienAssouline
JulienAssouline / US_mass_shootings_2017_by_date.csv
Last active November 20, 2017 15:47
Bar chart transition with text
Date Killed Injured
2 2017-01-01 1 15
15 2017-01-03 0 4
22 2017-01-04 3 1
35 2017-01-06 7 8
42 2017-01-07 1 3
63 2017-01-11 2 6
67 2017-01-12 5 4
77 2017-01-15 4 5
83 2017-01-16 0 12
@JulienAssouline
JulienAssouline / index.html
Created November 20, 2017 15:59
A simple choropleth map
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>D3: Loading GeoJSON data and generating SVG paths</title>
<script src="https://d3js.org/d3.v4.min.js"></script>
<style type="text/css">
/* No style rules here yet */
body,html{
margin: 0;
@JulienAssouline
JulienAssouline / index.html
Last active November 20, 2017 17:55
Grouped Bar chart
<!Doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Learning D3 </title>
<link rel="stylsheet" href="main.css">
<script src="https://d3js.org/d3.v4.min.js"></script>
</head>
<style type = "text/css">
2 2017-01-01 1 15
15 2017-01-03 0 4
22 2017-01-04 3 1
35 2017-01-06 7 8
42 2017-01-07 1 3
63 2017-01-11 2 6
67 2017-01-12 5 4
77 2017-01-15 4 5
83 2017-01-16 0 12