Skip to content

Instantly share code, notes, and snippets.

View JulienAssouline's full-sized avatar

Julien Assouline JulienAssouline

View GitHub Profile
@JulienAssouline
JulienAssouline / index.html
Last active January 26, 2018 19:54
conditionally changing colour of svg markers
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<style type="text/css">
/* No style rules here yet */
body,html{
margin: 0;
padding: 0;
Exporter Importer Latitude_exp Longitude_exp Latitude_imp Longitude_imp Millions Millions_Total Rank
0 United States Saudi Arabia 37.09024 -95.712891 23.885942 45.079162 6083 43021 1
105 United States Jamaica 37.09024 -95.712891 18.109581 -77.297508 0 43021 106
98 United States Guatemala 37.09024 -95.712891 15.783470999999999 -90.23075899999999 0 43021 99
99 United States Gabon 37.09024 -95.712891 -0.803689 11.609444 0 43021 100
100 United States Fiji 37.09024 -95.712891 -16.578193 179.414413 0 43021 101
101 United States Ecuador 37.09024 -95.712891 -1.8312389999999998 -78.183406 0 43021 102
102 United States Guyana 37.09024 -95.712891 4.860416000000001 -58.93018000000001 0 43021 103
103 United States Haiti 37.09024 -95.712891 18.971187 -72.28521500000001 0 43021 104
104 United States Laos 37.09024 -95.712891 19.856270000000002 102.495496 0 43021 105
@JulienAssouline
JulienAssouline / index.html
Last active January 8, 2018 07:27
Drag Orthographic
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Mexico</title>
<style>
.boundary {
fill: #ccc;
stroke: #888;
stroke-linejoin: round;
@JulienAssouline
JulienAssouline / Baseball_careers_1999.csv
Last active December 18, 2017 23:31
two linked animations
index experience
0 1 487
1 2 384
2 3 257
3 4 170
4 5 140
5 6 97
6 7 81
7 8 55
8 9 47
@JulienAssouline
JulienAssouline / Baseball_careers_1999.csv
Last active December 9, 2017 03:02
animating points on multiple arcs
Unnamed: 0 AB Age BB From G H HR OPS PA R SB SO To WAR experience names Zero Year_difference
12147 12147 28 28.053 4 2000 27 7 2 0.879 32 5 0 12 2000 0.1 1 Dusty Allen 0 0
12148 12148 5 32.135999999999996 0 2000 2 1 0 0.4 5 1 0 1 2000 -0.1 1 Clemente Alvarez 0 0
12151 12151 3 22.029 0 2000 2 0 0 0.0 3 0 0 2 2000 0.0 1 Clayton Andrews 0 0
12157 12157 27 25.299 4 2000 19 6 2 0.767 31 5 0 7 2000 0.2 1 Mike Bell 0 0
12164 12164 12 26.119 4 2000 13 2 0 0.542 16 1 1 4 2000 -0.1 1 Tarrik Brock 0 0
12167 12167 1 24.218000000000004 0 2000 4 1 0 2.0 1 0 0 0 2000 0.1 1 Justin Brunette 0 0
12169 12169 80 28.281 4 2000 31 21 5 0.799 87 10 0 21 2000 0.4 1 Alex Cabrera 0 0
12170 12170 0 28.143 0 2000 0 0 0 0 0 0 0 2000 0.0 1 Cameron Cairncross 0 0
12171 12171 1 25.046 0 2000 8 1 0 4.0 1 0 0 0 2000 0.1 1 Eric Cammack 0 0
@JulienAssouline
JulienAssouline / Baseball_careers_1999.csv
Last active December 7, 2017 23:02
looping circle along arc
12147 12147 28 28.053 4 2000 27 7 2 0.879 32 5 0 12 2000 0.1 1 Dusty Allen 0 0
12148 12148 5 32.135999999999996 0 2000 2 1 0 0.4 5 1 0 1 2000 -0.1 1 Clemente Alvarez 0 0
12151 12151 3 22.029 0 2000 2 0 0 0.0 3 0 0 2 2000 0.0 1 Clayton Andrews 0 0
12157 12157 27 25.299 4 2000 19 6 2 0.767 31 5 0 7 2000 0.2 1 Mike Bell 0 0
12164 12164 12 26.119 4 2000 13 2 0 0.542 16 1 1 4 2000 -0.1 1 Tarrik Brock 0 0
12167 12167 1 24.218000000000004 0 2000 4 1 0 2.0 1 0 0 0 2000 0.1 1 Justin Brunette 0 0
12169 12169 80 28.281 4 2000 31 21 5 0.799 87 10 0 21 2000 0.4 1 Alex Cabrera 0 0
12170 12170 0 28.143 0 2000 0 0 0 0 0 0 0 2000 0.0 1 Cameron Cairncross 0 0
12171 12171 1 25.046 0 2000 8 1 0 4.0 1 0 0 0 2000 0.1 1 Eric Cammack 0 0
@JulienAssouline
JulienAssouline / Baseball_careers_1999.csv
Last active December 11, 2017 17:29
Animated Arc Diagram 2
12147 12147 28 28.053 4 2000 27 7 2 0.879 32 5 0 12 2000 0.1 1 Dusty Allen 0 0
12148 12148 5 32.135999999999996 0 2000 2 1 0 0.4 5 1 0 1 2000 -0.1 1 Clemente Alvarez 0 0
12151 12151 3 22.029 0 2000 2 0 0 0.0 3 0 0 2 2000 0.0 1 Clayton Andrews 0 0
12157 12157 27 25.299 4 2000 19 6 2 0.767 31 5 0 7 2000 0.2 1 Mike Bell 0 0
12164 12164 12 26.119 4 2000 13 2 0 0.542 16 1 1 4 2000 -0.1 1 Tarrik Brock 0 0
12167 12167 1 24.218000000000004 0 2000 4 1 0 2.0 1 0 0 0 2000 0.1 1 Justin Brunette 0 0
12169 12169 80 28.281 4 2000 31 21 5 0.799 87 10 0 21 2000 0.4 1 Alex Cabrera 0 0
12170 12170 0 28.143 0 2000 0 0 0 0 0 0 0 2000 0.0 1 Cameron Cairncross 0 0
12171 12171 1 25.046 0 2000 8 1 0 4.0 1 0 0 0 2000 0.1 1 Eric Cammack 0 0
@JulienAssouline
JulienAssouline / Baseball_careers_1999.csv
Last active December 11, 2017 17:28
Animated Arc Diagram
12147 12147 28 28.053 4 2000 27 7 2 0.879 32 5 0 12 2000 0.1 1 Dusty Allen 0 0
12148 12148 5 32.135999999999996 0 2000 2 1 0 0.4 5 1 0 1 2000 -0.1 1 Clemente Alvarez 0 0
12151 12151 3 22.029 0 2000 2 0 0 0.0 3 0 0 2 2000 0.0 1 Clayton Andrews 0 0
12157 12157 27 25.299 4 2000 19 6 2 0.767 31 5 0 7 2000 0.2 1 Mike Bell 0 0
12164 12164 12 26.119 4 2000 13 2 0 0.542 16 1 1 4 2000 -0.1 1 Tarrik Brock 0 0
12167 12167 1 24.218000000000004 0 2000 4 1 0 2.0 1 0 0 0 2000 0.1 1 Justin Brunette 0 0
12169 12169 80 28.281 4 2000 31 21 5 0.799 87 10 0 21 2000 0.4 1 Alex Cabrera 0 0
12170 12170 0 28.143 0 2000 0 0 0 0 0 0 0 2000 0.0 1 Cameron Cairncross 0 0
12171 12171 1 25.046 0 2000 8 1 0 4.0 1 0 0 0 2000 0.1 1 Eric Cammack 0 0
@JulienAssouline
JulienAssouline / Opioid_age.csv
Last active November 24, 2017 19:31
looping transitions
Age group (years) 2007–2008 2008–2009 2009–2010 2010–2011 2011–2012 2012–2013 2013–2014 2014–2015
0 65+ 16.6 17.1 17.6 18.1 19.6 19.4 19.3 20.1
1 45–64 13.7 14.4 15.5 16.5 17.2 18.4 18.1 18.3
2 25–44 11.1 10.3 11.2 11.1 13.2 12.9 12.4 13.1
3 15–24 6.5 6.4 6.7 7.1 8.5 9.6 9.9 10.4
4 <15 1.4 1.4 1.3 1.4 1.4 1.6 1.7 1.8
@JulienAssouline
JulienAssouline / Opioid_age.csv
Last active November 24, 2017 18:55
simple automatic transition between bars
0 65+ 16.6 17.1 17.6 18.1 19.6 19.4 19.3 20.1
1 45–64 13.7 14.4 15.5 16.5 17.2 18.4 18.1 18.3
2 25–44 11.1 10.3 11.2 11.1 13.2 12.9 12.4 13.1
3 15–24 6.5 6.4 6.7 7.1 8.5 9.6 9.9 10.4
4 <15 1.4 1.4 1.3 1.4 1.4 1.6 1.7 1.8