Skip to content

Instantly share code, notes, and snippets.

View mwdchang's full-sized avatar

Daniel Chang mwdchang

21 followers · 20 following
View GitHub Profile
@mwdchang
mwdchang / README.md
Created December 20, 2014 04:49
Slight variation on bostock's clipping venn

Add outline and interactions to bostock's clipping venn

@mwdchang
mwdchang / README.md
Created January 2, 2015 17:58
Arc Diagram

Arc diagram, showing overlapping relations among sets.

@mwdchang
mwdchang / java polaroids
Created February 8, 2015 02:43
package fun;
import java.awt.Color;
import java.awt.Font;
import java.awt.event.KeyEvent;
import java.awt.event.KeyListener;
import java.io.File;
import java.nio.ByteBuffer;
import java.util.GregorianCalendar;
import java.util.Locale;
@mwdchang
mwdchang / index.html
Last active August 29, 2015 14:17
Demo for Aly
<!DOCTYPE HTML>
<html>
<head>
<title> Drag/Link Test </title>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"></script>
<style>
body {
margin: 1em;
@mwdchang
mwdchang / agg-query.json
Created March 18, 2015 21:19
elasticsearch aggregation query
{
"size": 0,
"aggregations": {
"toplevel": {
"terms": {
"field": "_mutation_id",
"size": 10000
},
"aggs": {
"donor_distrubtion": {
@mwdchang
mwdchang / index.html
Created April 16, 2015 20:23
Home Test
<!DOCTYPE HTML>
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<style>
body {
font-family: Tahoma;
font-size: 0.85rem;
margin: 0;
@mwdchang
mwdchang / index.html
Created April 21, 2015 05:34
Scroll Demo
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
</head>
<body>
<span> Mouse over letters to hightlight list, unviewable items are indicated with top/bottom bar:</span><br>
<svg id="blahblah" width="200" height="50"></svg>
<div id="list1"></div>
</body>
@mwdchang
mwdchang / index.html
Created May 5, 2015 01:12
ICGC Table modeller demo
<!DOCTYPE html>
<html data-ng-app="Test">
<head>
<title>Test Modeller</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<link href="https://dcc.icgc.org/styles/18e3f501.styles.css" rel="stylesheet" type="text/css"></link>
<link href="https://dcc.icgc.org/styles/54e20491.vendor.css" rel="stylesheet" type="text/css"></link>
</head>
<body>
@mwdchang
mwdchang / index.html
Created June 9, 2015 04:39
Comparing ICGC donor dimensions
<html data-ng-app="ICGCPlotter">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.9.3/lodash.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3-tip/0.6.3/d3-tip.min.js"></script>
<link rel="stylesheet" href="//rawgithub.com/Caged/d3-tip/master/examples/example-styles.css">
<style>
body {
margin: 0.5rem;
@mwdchang
mwdchang / index.html
Created June 19, 2015 13:47
Demoing the lens technique. The lens is used to focus, and reveal another dimension on the dataset.
<html>
<head>
<!--
<script src="d3.js" charset="utf-8"></script>
<script src="lodash.js"></script>
-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.9.3/lodash.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js" charset="utf-8"></script>
<style>