Sameer Joshi sameerjoshi

The range sliders at the top change the values for the force-directed algorithm and the buttons load new graphs and apply various techniques. This will hopefully serve as a tool for teaching network analysis and visualization principles during my Gephi courses and general Networks in the Humanities presentations.

Notice this includes a pretty straightforward way to load CSV node and edge lists as exported from Gephi.

It also includes a pathfinding algorithm built for the standard data structure of force-directed networks in D3. This requires the addition of .id attributes for the nodes, however.

Now with Clustering Coefficients!

Also, it loads images for nodes but the images are not in the gist. The code also refers to different network types but the data files on Gist only refer to the transportation network.

	/* http://twitter.github.com/bootstrap/scaffolding.html#responsive */

	/* Landscape phones and down */
	@media (max-width: 480px) { ... }

	/* Landscape phone to portrait tablet */
	@media (max-width: 768px) { ... }

	/* Portrait tablet to landscape and desktop */
	@media (min-width: 768px) and (max-width: 940px) { ... }

	<?php
	/**
	* Ban/Limit Email Domains for Gravity Form Email Fields
	* http://gravitywiz.com/2012/11/11/banlimit-email-domains-for-gravity-form-email-fields/
	*/
	class GWEmailDomainControl {

	private $_args;

	function __construct($args) {

	/**
	* @overview
	*
	* @author Caesar Chi
	* @blog clonn.blogspot.com
	* @version 2012/02/27

	data:text/html, <style type="text/css">.e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div class="e" id="editor"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("editor");e.setTheme("ace/theme/monokai");e.getSession().setMode("ace/mode/ruby");</script>
	<!--
	For other language: Instead of `ace/mode/ruby`, Use

	Markdown -> `ace/mode/markdown`
	Python -> `ace/mode/python`
	C/C++ -> `ace/mode/c_cpp`
	Javscript -> `ace/mode/javascript`
	Java -> `ace/mode/java`
	Scala- -> `ace/mode/scala`

	img.grayscale.disabled {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
	}