Skip to content

Instantly share code, notes, and snippets.

View mayblue9's full-sized avatar

mayblue9

3 followers · 21 following
View GitHub Profile
@mayblue9
mayblue9 / FontAwesome.otf
Created August 2, 2016 04:42 — forked from milroc/FontAwesome.otf
@mayblue9
mayblue9 / .block
Created August 2, 2016 04:03 — forked from shimizu/.block
D3 v4 - force layout
license: gpl-3.0
@mayblue9
mayblue9 / README.md
Created August 2, 2016 02:25 — forked from boeric/README.md
Adding Day Filter to Crossfilter Example

This visualization is a slightly expanded version of the excellent original Crossfilter demo here

The visualization adds four items to the original example:

  1. Ability to filter on days (for example "Mon, Thu, Fri") or day types (for example "Weekend"), in addition to the existing dimensions/filters
  2. A dataset View, that allows all of the 230K records to be viewed in an interactive canvas element below the visualization
  3. A timer function/object that can be used to determine the performance of various aspects of the the crossfilter operation
  4. Expanded and more detailed comments, perhaps helpful when trying to understand the original example

Note: added comments and code blocks are marked "BoE".

@mayblue9
mayblue9 / LICENSE
Created August 2, 2016 02:14 — forked from curran/.block
Migrant Deaths over Time
The MIT License (MIT)
Copyright (c) 2015 Curran Kelleher
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
@mayblue9
mayblue9 / index.html
Created August 2, 2016 02:09 — forked from jinroh/index.html
Image intensity histogram
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="http://d3js.org/d3.v3.min.js"></script>
<style>
body {
font: 10px sans-serif;
}
#main {
@mayblue9
mayblue9 / README.md
Created August 1, 2016 04:47 — forked from twedl/README.md
Canadian Trade Map (Divided Edges)

A map of Canadian trade between economic regions (divided edge version).

Directed and divided edges, using linear gradients to show direction (copied from the Thanksgiving Upshot).

Shapefiles from Statcan website. Trade data...is made up. And of course d3.js and topojson.js.

Click to zoom to an ER, or scroll zoom. Click and drag to pan around the map.

@mayblue9
mayblue9 / README.md
Created August 1, 2016 04:16 — forked from nitaku/README.md
Arc Diagram III

Like the previous example, but with the option to provide a custom string. The application relies on a server-side computation that uses Oliver Mader's code to compute the essential matching pairs.

The example shows the first 93 digits of PI.

A translucent white stroke has also been introduced to avoid mistaking palindrome repetition of matching subsequences with large subsequences (e.g. 793238 and 383279 on the left side of the visualization).

@mayblue9
mayblue9 / README.md
Created August 1, 2016 04:16 — forked from nitaku/README.md
Arc Diagram III

Like the previous example, but with the option to provide a custom string. The application relies on a server-side computation that uses Oliver Mader's code to compute the essential matching pairs.

The example shows the first 93 digits of PI.

A translucent white stroke has also been introduced to avoid mistaking palindrome repetition of matching subsequences with large subsequences (e.g. 793238 and 383279 on the left side of the visualization).

@mayblue9
mayblue9 / README.md
Created August 1, 2016 04:15 — forked from sathomas/README.md
Jazz Connections

This graph shows the top 25 jazz albums of all time (at least according to one blogger.) Links between the albums represent musicians that played on both. Click on the nodes and the links for more information.

Note: iTunes links are not affiliate links.

This visualization is a real application of the D3.js force layout. It demonstrates some of the principles in a series on that layout. You can review that series beginning with the first example.

@mayblue9
mayblue9 / README.md
Created August 1, 2016 01:37 — forked from mtaptich/README.md
k-means + d3.js

An example of K-means clustering in d3.js.