Skip to content

Instantly share code, notes, and snippets.

@syntagmatic
syntagmatic / README.md
Last active October 27, 2024 02:15 — forked from mbostock/.block
Canvas Parallel Coordinates

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 October 11, 2024 16:49 — forked from mbostock/.block
Bump Plot
license: gpl-3.0
height: 800
border: none
@syntagmatic
syntagmatic / README.md
Last active August 23, 2024 17:13
Comparing Map Projections

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 / index.html
Last active March 27, 2024 04:03 — forked from syntagmatic/index.html
Nutrient Parallel Coordinates
<!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 / README.md
Last active May 26, 2023 20:16
Nutrient Parallel Coordinates IV
@syntagmatic
syntagmatic / index.html
Created July 18, 2012 11:54 — forked from syntagmatic/index.html
Improved Parallel Coordinates
<!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 / .block
Last active April 5, 2023 12:26
Comanche Dual
license: gpl-3.0
height: 800
border: no
@syntagmatic
syntagmatic / .block
Last active February 3, 2023 19:28
Exoplanets II
license: gpl-3.0
height: 560
border: no
@syntagmatic
syntagmatic / heatlane-spec.json
Last active July 11, 2022 23:23 — forked from jonmmease/heatlane-spec.json
Vega-Lite Heatlane
{
"$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