Skip to content

Instantly share code, notes, and snippets.

View BarakChamo's full-sized avatar

Barak Chamo BarakChamo

143 followers · 52 following
View GitHub Profile
@BarakChamo
BarakChamo / README.md
Created January 10, 2013 10:38 — forked from mbostock/.block

This variation of a bivariate area chart uses clipping to alternate colors. When New York is warmer than San Francisco, the difference between the two is filled in green. When San Francisco is warmer, the difference is filled in red. A similar technique was used by William Playfair all the way back in 1786.

@BarakChamo
BarakChamo / d3noob_energy.csv
Created April 5, 2013 16:39 — forked from timelyportfolio/d3noob_energy.csv
source target value
Agricultural Energy Use Carbon Dioxide 1.4
Agriculture Agriculture Soils 5.2
Agriculture Livestock and Manure 5.4
Agriculture Other Agriculture 1.7
Agriculture Rice Cultivation 1.5
Agriculture Soils Nitrous Oxide 5.2
Air Carbon Dioxide 1.7
Aluminium Non-Ferrous Metals Carbon Dioxide 1
Aluminium Non-Ferrous Metals HFCs - PFCs 0.2
@BarakChamo
BarakChamo / README.md
Last active December 18, 2015 06:59 — forked from mbostock/.block

The easiest way to transition between pie charts with differently-sized datasets (while maintaining object constancy) is to set the missing values to zero.

function type(d) {
  d.apples = +d.apples || 0;
  d.oranges = +d.oranges || 0;
  return d;
}
@BarakChamo
BarakChamo / README.md
Created June 9, 2013 13:10 — forked from mbostock/.block

This variation of a donut chart demonstrates how to update values with an animated transition. Clicking on the radio buttons changes the displayed metric.

Next: Missing Data
Previous: Static Update

@BarakChamo
BarakChamo / README.md
Last active December 18, 2015 06:59 — forked from mbostock/.block

The easiest way to transition between pie charts with differently-sized datasets (while maintaining object constancy) is to set the missing values to zero.

function type(d) {
  d.apples = +d.apples || 0;
  d.oranges = +d.oranges || 0;
  return d;
}
@BarakChamo
BarakChamo / demo.css
Last active August 29, 2015 14:13
HotTable.js
/* Space out content a bit */
body {
padding-top: 20px;
padding-bottom: 20px;
}
/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
@BarakChamo
BarakChamo / countries.tsv
Created September 10, 2016 17:54
world data
id name
-1 Northern Cyprus
-2 Kosovo
-3 Somaliland
4 Afghanistan
8 Albania
10 Antarctica
12 Algeria
16 American Samoa
20 Andorra
@BarakChamo
BarakChamo / Circle.pde
Last active September 24, 2017 21:11 — forked from oshoham/Circle.pde
circle packing for the laser cutter
// Daniel Shiffman
// http://codingtra.in
// http://patreon.com/codingtrain
// Code for: https://youtu.be/QHEQuoIKgNE
import processing.pdf.*;
ArrayList<Circle> circles;
void setup() {
@BarakChamo
BarakChamo / cameraCapture.js
Last active November 16, 2017 22:43
Camera Capture Thingy
a = window;
TIME_SWITCH_TIME = 4000;
DOWNLOAD_TIME = 2000;
function captureImage(time) {
document.createElement("img");
var c = document.createElement("canvas"),
d = c.getContext("2d"),
e,
@BarakChamo
BarakChamo / distance_function.glsl
Last active February 29, 2024 00:54
Shader distance functions (metrics)
/*
GLSL distance functions and tesselation demo
Live demo at: https://www.shadertoy.com/view/4lccW8
*/
/* Euclidean distance */
/* https://en.wikipedia.org/wiki/Euclidean_distance */
float euclideanDistance(float p1, float p2) {
float d1 = (p1 - p2);
return sqrt(pow(d1, 2.0));