Skip to content

Instantly share code, notes, and snippets.

View JulienAssouline's full-sized avatar

Julien Assouline JulienAssouline

23 followers · 13 following
View GitHub Profile
@JulienAssouline
JulienAssouline / index.html
Created February 8, 2019 17:27
Responsive map method 2 (viewBox)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="//d3js.org/topojson.v1.min.js"></script>
<script src="https://d3js.org/d3-geo-projection.v1.min.js"></script>
<style type="text/css">
/* No style rules here yet */
body,html{
@JulienAssouline
JulienAssouline / index.html
Created February 8, 2019 17:23
responsive map method 1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="//d3js.org/topojson.v1.min.js"></script>
<script src="https://d3js.org/d3-geo-projection.v1.min.js"></script>
<style type="text/css">
/* No style rules here yet */
body,html{
@JulienAssouline
JulienAssouline / df_example.csv
Last active November 12, 2018 16:09
Line chart with tooltip
Date randNumCol something
0 August 2018 7 something1
1 August 2018 31 something2
2 August 2018 18 something3
3 August 2018 6 something4
4 August 2018 1 something5
5 August 2018 12 something6
6 August 2018 23 something7
7 August 2018 2 something8
8 August 2018 8 something9
@JulienAssouline
JulienAssouline / index.html
Last active November 15, 2018 18:12
regl barcode plot
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://npmcdn.com/regl@1.3.0/dist/regl.js"></script>
<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 / example_data.csv
Created July 29, 2018 08:19
circle packing slider transition
Award Year Theme Funding Org:Name Recipient Org:Name Amount Awarded
606 2003 Sports Sport England Groundwork Wakefield 1667.0
607 2003 Sports Sport England Sandwell Metropolitan Borough Council 24572.0
608 2003 Sports Sport England South Yorkshire Sports Partner 63686.0
609 2003 Sports Sport England West Yorkshire Sport 67000.0
4495 2004 Sports Sport England Birmingham City Council 242452.0
4496 2004 Sports Sport England Cornwall Sports Partnership 317257.0
4497 2004 Sports Sport England Crigglestone All Blacks ARLFC 10000.0
4498 2004 Sports Sport England Draycott and Long Eaton Table Tennis Club 471589.0
4499 2004 Sports Sport England Greater Warwickshire Sport 145440.0
@JulienAssouline
JulienAssouline / index.html
Last active March 15, 2018 14:37
transitioning with time
<!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>
<script src="https://d3js.org/d3-timer.v1.min.js"></script>
<style type="text/css">
body,html{
margin: 0;
@JulienAssouline
JulienAssouline / index.html
Last active March 17, 2018 20:54
Waffle Chart
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="//d3js.org/topojson.v1.min.js"></script>
<style type="text/css">
div.tooltip {
position: absolute;
@JulienAssouline
JulienAssouline / index.html
Created February 11, 2018 21:41
Canvas grid exercise
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>d3 and canvas</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="http://d3js.org/d3.v4.js"></script>
<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
<style type="text/css">
@JulienAssouline
JulienAssouline / North_Korea_imports_2015.csv
Last active February 9, 2018 16:17
Pause and play problem on chained transition
We can make this file beautiful and searchable if this error is corrected: It looks like row 10 should actually have 13 columns, instead of 11 in line 9.
,year,country_origin_id,country_destination_id,hs92_product_id,import_val,import_val_pct,id,id_3char,name,Total,Percent_imp,perc_diff
22,2015,PRK,CIV,ALL,496008,0.00091%,afciv,CIV,Cote d'Ivoire,3472362068,0.014284455085229322,99.98571554491477
37,2015,PRK,EGY,ALL,288894,0.00053%,afegy,EGY,Egypt,3472362068,0.00831981211470831,99.9916801878853
77,2015,PRK,ZWE,ALL,3500,0.0000065%,afzwe,ZWE,Zimbabwe,3472362068,0.00010079594038463618,99.99989920405962
110,2015,PRK,CHN,ALL,2946422604,5.4%,aschn,CHN,China,3472362068,84.85355346877958,15.14644653122042
121,2015,PRK,CYP,ALL,1138325,0.0021%,ascyp,CYP,Cyprus,3472362068,0.03278243966809743,99.9672175603319
142,2015,PRK,HKG,ALL,4922055,0.0091%,ashkg,HKG,Hong Kong,3472362068,0.1417494749571144,99.85825052504289
183,2015,PRK,IND,ALL,108550714,0.20%,asind,IND,India,3472362068,3.126134656301055,96.87386534369895
241,2015,PRK,MYS,ALL,4700672,0.0087%,asmys,MYS,Malaysia,3472362068,0.13537390133706528,99.86462609866294
250,2015,PRK,SAU,ALL,6680541,0.012%,assau,SAU,Saudi Arabia,34
@JulienAssouline
JulienAssouline / index.html
Last active March 18, 2020 06:24
World tour d3 v4
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.country {
fill: #b8b8b8;
stroke: #fff;
stroke-width: .5px;
stroke-linejoin: round;
}