Skip to content

Instantly share code, notes, and snippets.

View syntagmatic's full-sized avatar

Kai syntagmatic

388 followers · 14 following
View GitHub Profile
@syntagmatic
syntagmatic / README.md
Last active February 25, 2022 01:37 — forked from syntagmatic/README.md
Fisheye Nutrient Parallel Coordinates, 146 Dimensions

Improvements:

  • Click a food to sort dimensions by that foods y values
  • Scale to window size and resizes
  • Click label to invert axis
  • Drag label to reorder axes
  • Rendering progress bar
  • Keep selected button removes unselected data
  • Exclude selected button removes selected data
@syntagmatic
syntagmatic / README.md
Last active April 16, 2021 06:31
Windmap
@syntagmatic
syntagmatic / .block
Last active February 24, 2021 05:04 — forked from mbostock/.block
d3-hierarchy tree
license: gpl-3.0
border: no
height: 500
@syntagmatic
syntagmatic / README.md
Last active August 9, 2020 18:50
Hypersolids
@syntagmatic
syntagmatic / index.html
Last active July 29, 2020 15:22
Render Queue
<!DOCTYPE html>
<title>Render Queue</title>
<style type="text/css">
html, body { background: #f7f7f7; height: 100%; margin: 0; padding: 0; color: #b6b6b6; font-family: Ubuntu, Helvetica, sans-serif; font-size: 15px; line-height: 1.35em;}
a { color: #6be; text-decoration: none; }
#canvas { position: fixed; }
#center { position: absolute; top: 0; left: 0; margin: 40px; width: 520px; padding: 20px; background: #444; background: rgba(0,0,0,0.9); border-radius: 8px;}
h1 { margin-top:0; padding: 3px 0; font-size: 1.4em; }
h1, h3 { color: #f9f9f9; border-bottom: 1px solid #333; }
h3 { font-size: 1em; }
@syntagmatic
syntagmatic / README.md
Last active May 2, 2020 20:47
Crossfilter with d3.csv
@syntagmatic
syntagmatic / README.md
Created November 15, 2012 01:43 — forked from mbostock/.block
d3 src tree

A visualization of files in the src directory of the d3 repository, based on Reingold-Tilford Tree.

Data Collection

Use git to clone a repository, then du to create a tsv with the directory contents.

git clone git://github.com/mbostock/d3.git
(echo -n 'size\tfile\n'; du -a d3) > d3.tsv

Burrow - recursive nesting

@syntagmatic
syntagmatic / index.html
Last active February 4, 2020 12:08
Wiggling Circles
<!doctype html>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.js"></script>
<canvas id="painting" width=960 height=500></canvas>
<script>
var colorScale = d3.scaleOrdinal()
//.range(["red", "green", "blue"]);
.range(["#490A3D","#BD1550","#E97F02","#F8CA00","#8A9B0F"]);
var canvas = d3.select("#painting").node();
@syntagmatic
syntagmatic / cars.csv
Created August 8, 2012 22:12 — forked from syntagmatic/cars.csv
d3 CSV Upload
name economy (mpg) cylinders displacement (cc) power (hp) weight (lb) 0-60 mph (s) year
AMC Ambassador Brougham 13 8 360 175 3821 11 73
AMC Ambassador DPL 15 8 390 190 3850 8.5 70
AMC Ambassador SST 17 8 304 150 3672 11.5 72
AMC Concord DL 6 20.2 6 232 90 3265 18.2 79
AMC Concord DL 18.1 6 258 120 3410 15.1 78
AMC Concord DL 23 4 151 3035 20.5 82
AMC Concord 19.4 6 232 90 3210 17.2 78
AMC Concord 24.3 4 151 90 3003 20.1 80
AMC Gremlin 18 6 232 100 2789 15 73
@syntagmatic
syntagmatic / README.md
Last active December 19, 2019 03:47
Versor.js Test

Test of C2 in Versor.js by Wesley Smith and Jason Merrill