Skip to content

Instantly share code, notes, and snippets.

@enjalot
enjalot / README.md
Last active June 3, 2016 14:41
matrix: reboot

Matrix: reboot

Remaking http://ncase.me/matrix/ with SVG and d3.js

This technical experiment currently lacks the finesse and wistfulness of the original. I'm most inspired by the genius (yet obvious in retrospect) technique of showing both the original point and the transformed point connected by a line. Even the idea to use a letter is brilliant to me: it is familiar and intuitive, it allows for discrete sampling without introducing other concepts like pixels.

My hope is that by going through the exercise of making it more data-driven I can expand on the concept to introduce things like rotation. Perhaps using d3 will also make the code more concise, but that's not certain as the original is relatively short.

I'm still working on porting all of the original interactions, but I'm quite pleased with the work in progress.

building-blocks

@micahstubbs
micahstubbs / .block
Last active July 26, 2018 00:46
Meetup Topic Adjacency Matrix
license: CC0-1.0
@mukhtyar
mukhtyar / README.md
Last active March 30, 2020 18:56
Map of India's Parliamentary Constitiencies, 2014
@jxson
jxson / README.md
Created February 10, 2012 00:18
README.md template

Synopsis

At the top of the file there should be a short introduction and/ or overview that explains what the project is. This description should match descriptions added for package managers (Gemspec, package.json, etc.)

Code Example

Show what the library does as concisely as possible, developers should be able to figure out how your project solves their problem by looking at the code example. Make sure the API you are showing off is obvious, and that your code is short and concise.

Motivation