Skip to content

Instantly share code, notes, and snippets.

View emeeks's full-sized avatar

Elijah Meeks emeeks

View GitHub Profile
@emeeks
emeeks / flare.json
Last active March 6, 2023 18:27
Simple Word Tree
{
"name": "Google",
"children": [
{
"name": "accounts but that",
"size": 1
},
{
"name": "advance search used to be better",
"size": 1
@emeeks
emeeks / README.md
Last active April 21, 2017 15:21
Slightly Random Colors

I think it may be more legible for information visualization to utilize a rougher specification for color and other element aspects. In this implementation, perturbations of color and line thickness provide a less uniform set of squares, but they are still nearly the same color. Perturbations of color, size, and line can all provide not only a nuanced aesthetic, but perhaps also convey a certain uncertainty in the data visualization. Using rgb specification, you imply a sort of precision similar to decimal precision in spatial coordinates, and by wiring your visualization to produce a slightly rougher color spectrum on output, you might correct for that. While line jitter has been a feature of drawing packages for some time, I haven't seen procedural application of this kind of perturbation to traditional data visualization.

I'm going to add some perturbation of paths following the same concept. I'll also put a few buttons in for user interaction.

@emeeks
emeeks / index.html
Last active October 23, 2019 21:27
Constrained Voronoi with Derived Areas
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<script type="text/javascript" src="http://d3js.org/d3.v2.min.js"></script>
<style type="text/css">
circle {
stroke: #EFEDF5;
fill: #EFEDF5;
@emeeks
emeeks / README.md
Last active September 30, 2019 23:10 — forked from mbostock/.block
TopoJSON, geo.tile() and zoom

Using d3.geo.tile to display raster image tiles underneath some TopoJSON vectors, and d3.behavior.zoom for pan & zoom. This version adjusts the transform and stroke-width to update the displayed vector data efficiently. You can instead reproject interactively, but changing the transform is typically much faster.

@emeeks
emeeks / index.html
Last active July 28, 2016 00:50
Taffy Edges
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<style>
body { font-family: Hevetica; }
.node {
stroke: #fff;
stroke-width: 1.5px;
}
@emeeks
emeeks / cosit.gexf
Last active August 29, 2015 13:57
GEXF D3 Complex Example
<?xml version="1.0" encoding="UTF-8"?>
<gexf xmlns="http://www.gexf.net/1.2draft" version="1.2" xmlns:viz="http://www.gexf.net/1.2draft/viz" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.gexf.net/1.2draft http://www.gexf.net/1.2draft/gexf.xsd">
<meta lastmodifieddate="2014-03-04">
<creator>Gephi 0.8.1</creator>
<description></description>
</meta>
<graph defaultedgetype="directed" mode="static">
<attributes class="node" mode="static">
<attribute id="startyr" title="startyr" type="integer"></attribute>
<attribute id="title" title="title" type="string"></attribute>
@emeeks
emeeks / gexfd3.css
Last active May 1, 2020 00:31
GEXF D3 Simple Example
#modal {
position:fixed;
left:150px;
top:20px;
z-index:1;
background: white;
border: 1px black solid;
box-shadow: 10px 10px 5px #888888;
display: none;
}
@emeeks
emeeks / edgelist.csv
Last active July 6, 2019 00:24
Adjacency Matrix from Node/Edge List
source target weight
sam tully 3
sam pat 8
sam kim 2
sam pris 1
roy pris 5
roy sam 1
tully sam 1
tully pris 5
tully kim 3
@emeeks
emeeks / edgelist.csv
Last active August 29, 2015 13:57
Arc Diagram
sam tully 3
sam pat 8
sam kim 2
sam pris 1
roy pris 5
roy sam 1
tully sam 1
tully pris 5
tully kim 3
@emeeks
emeeks / edgelist.csv
Last active March 1, 2021 10:49
Arc Diagram with Directed Edges
sam tully 3
sam pat 8
sam kim 2
sam pris 1
roy pris 5
roy sam 1
tully sam 1
tully pris 5
tully kim 3