JulienAssouline’s gists

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 / 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 / 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 / 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 / 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 / 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 / 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 / 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 / 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 / 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;
	}

Julien Assouline JulienAssouline