Skip to content

Instantly share code, notes, and snippets.

View chabb's full-sized avatar
🏠
Working from home

Chabbey François chabb

🏠
Working from home
View GitHub Profile
@chabb
chabb / d3.json
Last active September 14, 2015 17:47 — forked from emeeks/d3.json
Quantified self :)
{
"name": "me",
"children": [
{
"name": "hobby",
"children" : [
{ "name" : "ski" },{"name":"hiking"},{"name":"running"},{"name":"play guitar"},{"name":"play bass"},
{
"name":"listen to",
"children":
@chabb
chabb / boxplot.csv
Last active September 15, 2015 20:17 — forked from emeeks/boxplot.csv
Ch. 4, Fig. 14 - D3.js in Action
day min max median q1 q3 number
1 14 65 33 20 35 22
2 25 73 25 25 30 170
3 15 40 25 17 28 185
4 18 55 33 28 42 135
5 14 66 35 22 45 150
6 22 70 34 28 42 170
7 14 65 33 30 50 28
@chabb
chabb / README.md
Last active September 15, 2015 20:20 — forked from mbostock/.block
Custom Axis

This example demonstrates the use of post-selection to customize an axis, even across transitions. After the axis is rendered, its elements (such as text labels, here) are reselected and modified to produce the desired appearance. When transitioning the axis, the post-selection modifies entering, updating and exiting elements. Passing null values to transition.tween cancels default tweens scheduled by the axis in favor of the customized styles.

@chabb
chabb / cities.csv
Last active September 19, 2015 09:48 — forked from emeeks/cities.csv
Satellite Projection Explorer
label population country x y
San Francisco 750000 USA 37 -122
Fresno 500000 USA 36 -119
Lahore 12500000 Pakistan 31 74
Karachi 13000000 Pakistan 24 67
Rome 2500000 Italy 41 12
Naples 1000000 Italy 40 14
Rio 12300000 Brazil -22 -43
Sao Paolo 12300000 Brazil -23 -46
@chabb
chabb / README.md
Last active February 8, 2016 20:06 — forked from mbostock/.block
Shape Tweening
@chabb
chabb / MarkerCluster.css
Created October 8, 2015 00:09 — forked from awoodruff/MarkerCluster.css
Leaflet cluster map + choropleth
.marker-cluster-small {
background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
background-color: rgba(110, 204, 57, 0.6);
}
.marker-cluster-medium {
background-color: rgba(241, 211, 87, 0.6);
}
@chabb
chabb / brush.js
Created October 8, 2015 16:24 — forked from dukevis/brush.js
d3 Tutorial: Coordinated Views
if(!d3.chart) d3.chart = {};
d3.chart.brush = function() {
var g;
var data;
var width = 600;
var height = 30;
var dispatch = d3.dispatch(chart, "filter");
function chart(container) {
@chabb
chabb / README.md
Last active October 10, 2015 17:04 — forked from nbremer/README.md
Gooey Effect - Circle

Tweak some stuff

@chabb
chabb / README.md
Last active November 21, 2015 23:19 — forked from camio/README.md
d3 with x3dom Demo
We couldn’t find that file to show.