Skip to content

Instantly share code, notes, and snippets.

Avatar

Kai syntagmatic

385 followers · 14 following
View GitHub Profile
@syntagmatic
syntagmatic / .block
Last active May 28, 2023 14:01 — forked from mbostock/.block
Bump Plot
View .block
license: gpl-3.0
height: 800
border: none
@syntagmatic
syntagmatic / README.md
Last active May 26, 2023 20:16
Nutrient Parallel Coordinates IV
View README.md
@syntagmatic
syntagmatic / index.html
Created July 18, 2012 11:54 — forked from syntagmatic/index.html
Improved Parallel Coordinates
View index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Parallel Coordinates</title>
<style type="text/css">
html {
margin: 0;
width: 100%;
height: 100%;
@syntagmatic
syntagmatic / index.html
Last active May 7, 2023 05:48 — forked from syntagmatic/index.html
Nutrient Parallel Coordinates
View index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Nutrient Database Explorer</title>
<link rel="stylesheet" type="text/css" href="parallel.css" />
</head>
<body>
<div id="header">
<h1>Nutrient Explorer</h1>
@syntagmatic
syntagmatic / .block
Last active April 5, 2023 12:26
Comanche Dual
View .block
license: gpl-3.0
height: 800
border: no
@syntagmatic
syntagmatic / README.md
Last active March 8, 2023 07:51 — forked from mbostock/.block
Canvas Parallel Coordinates
View README.md

An example of an SVG interaction layer over a canvas rendering layer. The SVG parallel coordinates starts to slow down significantly at 1000 data points. This version should scale better, and offer more opportunities for optimization.

Interactions done with the brush component

Based on d3.js Parallel Coordinates

@syntagmatic
syntagmatic / .block
Last active February 3, 2023 19:28
Exoplanets II
View .block
license: gpl-3.0
height: 560
border: no
@syntagmatic
syntagmatic / README.md
Last active August 10, 2022 03:54
Comparing Map Projections
View README.md

A mashup of Map Projection Distortions and transitions using the D3.js extended geographic projections plugin.

A comparison of map projections by four different types of distortion:

  • Acc. 40° 150% – The Acceptance index is a numerical measure that summarizes overall projection distortion, in this case with a maximum angular distortion of 40° and areal distortion of up to 150%.
  • Scale – The weighted mean error for overall scale distortion.
  • Areal – The weighted mean error for areal distortion.
  • Angular – The mean angular deformation index.

Lower is better. Data transcribed from the Natural Earth Projection by @mbostock.

@syntagmatic
syntagmatic / heatlane-spec.json
Last active July 11, 2022 23:23 — forked from jonmmease/heatlane-spec.json
Vega-Lite Heatlane
View heatlane-spec.json
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"description": "Heatlane chart: https://www.smashingmagazine.com/2022/07/accessibility-first-approach-chart-visual-design/",
"data": {"url": "data/cars.json"},
"height": 150,
"width": 400,
"title": "Heatlane",
"transform": [
{"bin": true, "field": "Horsepower"},
{
@syntagmatic
syntagmatic / README.md
Last active April 2, 2022 11:00
WebGL-2d HSL Fix
View README.md