Kai syntagmatic

## README.md

      
              5 files
            
          
              2 forks
            
          
                0 comments
              
            
              5 stars
            
          
                syntagmatic
                / README.md
            
            
              Last active
              March 22, 2025 02:46
            
              
                Hypersolids
              
          
    A Simplex, Hypercube and Cross Polytope from Paul Bourke's Hyperspace User Manual.
Visualized with hypersolid.js by Miłosz Kośmider.

  
## README.md

      
              3 files
            
          
              3 forks
            
          
                0 comments
              
            
              1 star
            
          
                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

  
## .block
license: gpl-3.0
height: 800
border: none

## README.md

      
              5 files
            
          
              2 forks
            
          
                2 comments
              
            
              4 stars
            
          
                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.

  
## 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>

## README.md

      
              6 files
            
          
              4 forks
            
          
                0 comments
              
            
              3 stars
            
          
                syntagmatic
                / README.md
            
            
              Last active
              May 26, 2023 20:16
            
              
                Nutrient Parallel Coordinates IV
              
          
    Previous Version. This version is implemented using D3 Version 4.
A visualization of the mean nutrient contents of all 8789 foods in USDA's SR28 Nutrient Database.
Data processed with SQLite and Node.js.
Also see the Nutrient Explorer.

  
## 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%;

## .block
license: gpl-3.0
height: 800
border: no

## .block
license: gpl-3.0
height: 560
border: no

## 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"},
    {
	<!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>
	{
	"$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"},
	{