Skip to content

Instantly share code, notes, and snippets.

View mayblue9's full-sized avatar

mayblue9

2 followers · 21 following
View GitHub Profile
@mayblue9
mayblue9 / README.md
Created July 29, 2016 02:04 — forked from jkschneider/README.md
Dependency Tree

About

This is a simple demonstration of the use of a constraint-based force layout to represent the dependency hierarchy. Subgraphs are not repeated as they are in the console rendering. As a result, we don't have to make any special provision for dependency cycles.

The Floyd-Warshall algorithm is used to display relative path distances. Floyd-Warshall has been extended with path reconstruction as well to show the shortest path solutions between nodes.

It is possible the display could be improved further through hierarchical grouping to highlight the commonly repeated subgraphs (e.g. the subgraph including the path L->I->O->P->Q).

How to use

@mayblue9
mayblue9 / index.html
Created July 17, 2016 10:20 — forked from epmoyer/.block
Arc Diagram
<!DOCTYPE html>
<!-- Port Arc Diagram visualization from http://homes.cs.washington.edu/~jheer/files/zoo/ex/networks/arc.html to D3.js -->
<meta charset="utf-8">
<style>
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 960px;
height: 500px;
position: relative;
}
@mayblue9
mayblue9 / README.md
Created August 1, 2016 01:33 — forked from ppham27/README.md
CrossFit Pivot Chart

2015 CrossFit Open Pivot Chart

This is a pivot chart in D3.js to visualize data from the top 1,000 male and female athletes in the 2015 CrossFit Open. You can view statistics on workouts and lifts by groups of athletes based on attributes like height, weight, age, region, or 2015 CrossFit Open rank. Using the controls on the right side, you can modify what data is displayed. The control panel is scrollable. Scroll down to access the Metric and Filters. Other controls are hidden in dropdown menus like Zoom options and Order of the groups.

Groups refer to how many bars there are. There will be a bar for each possible combination from the groups selected. Value and Metric determine the height of the bars. If Sum is seleted as a metric, bars can be stacked. Filters exclude data if you find there are too many groups or you want to focus on a particular subset of athletes. For instance, you may only want to look at female athletes or athletes ranked in the top 100. The

@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 / index.html
Created April 17, 2017 05:16 — forked from zross/index.html
HTML: D3 scatter, data from cartodb
<!DOCTYPE html>
<html>
<head>
<title>HTML5</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=650, user-scalable=yes">
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://libs.cartocdn.com/cartodb.js/v2/cartodb.js">
</script>
<style>
@mayblue9
mayblue9 / index.html
Created March 12, 2017 16:21 — forked from wanyanxie/index.html
<!DOCTYPE html>
<html class="ocks-org do-not-copy">
<meta charset="utf-8">
<title>Dramatic Co-occurrence</title>
<style>
@import url(../style.css?aea6f0a);
d3_plot {
font-size: 80%;
}
@mayblue9
mayblue9 / index.html
Created January 4, 2017 06:05 — forked from andrewxhill/index.html
Quick POW map!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!--Edit the title of the page-->
<title>CartoDB Point Clustering</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/themes/css/cartodb.css" />
@mayblue9
mayblue9 / index.html
Created December 26, 2016 08:00 — forked from jamesonthecrow/index.html
A visualization to explore timeseries of MIT wifi network data.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MIT Wifi - Timeseries</title>
<link rel="stylesheet" href="styles.css">
<style>
@mayblue9
mayblue9 / randomizedquicksort.py
Created October 25, 2016 06:02 — forked from vumaasha/randomizedquicksort.py
Randomized Quick Sort in python
from random import randint
def inPlaceQuickSort(A,start,end):
if start<end:
pivot=randint(start,end)
temp=A[end]
A[end]=A[pivot]
A[pivot]=temp
p=inPlacePartition(A,start,end)
@mayblue9
mayblue9 / sketch.py
Created October 7, 2016 01:12 — forked from phred/sketch.py
Processing+jython color cube
"""
jython version of http://hipstersinc.com/blog/2007/5/16/jruby_processingorg_howto/
Spinning color cube controled by mouse motion.
1. Install Jython
2. Add Processing's core.jar to CLASSPATH: export CLASSPATH=/Applications/Processing.app/Contents/Resources/Java/core.jar
3. ~/jython2.5b3/bin/jython sketch.py
"""