Skip to content

Instantly share code, notes, and snippets.

@mayblue9
mayblue9 / .gitignore
Created December 7, 2015 09:38 — forked from GerHobbelt/.gitignore
d3.js: force layout; click to group/bundle nodes
# Editor backup files
*.bak
*~
@mayblue9
mayblue9 / d3jsproblem.html
Created December 11, 2015 09:24 — forked from ZoltanLajosKis/d3jsproblem.html
d3.js force-directed graph dynamic nodes problem
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.layout.js"></script>
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.geom.js"></script>
<style type="text/css">
.link { stroke: #ccc; }
.nodetext { pointer-events: none; font: 10px sans-serif; }
</style>
@mayblue9
mayblue9 / bubble.js
Created December 14, 2015 05:38 — forked from sfrdmn/bubble.js
Bubble chart w/ mouse over
/*
____________________________________
I___|___|___|___|___|__|____|___|__|_I
I_|___|___| |___|___|__I
)\ I___|__ | ..,a@@@a,a@@@a,.. |___|____I /(
( )) I_|__ .,;*;;@@@@@a@@@@@;;;;,. ___|__I (( )
: I__| ;;;;;;;;;a@@^@@a;;;*;;;;; __|_I :
,uU I_| ;;;;*;;;a@@@ @@@a;;;;*;;; |__I Uu.
:Uu I__|;;;;;;;a@@@@ .@@@@@;;;;;;;; __|I uU:
| | I_| ;;*;;;a@@@@@ @@'`@@@;;;;;*; _|_I | |
@mayblue9
mayblue9 / README.md
Created December 17, 2015 01:33 — forked from don-smith/README.md
Force directed cell splitting

Links being severed over time inside of a convex hull

@mayblue9
mayblue9 / tensoflow.sublime-project
Created December 21, 2015 02:23 — forked from satomacoto/tensoflow.sublime-project
SublimeText project setting
{
"build_systems":
[
{
"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
"name": "Anaconda Python Builder",
"selector": "source.python",
"shell_cmd": "~/.virtualenvs/tensorflow/bin/python -u \"$file\""
}
],
@mayblue9
mayblue9 / labeledarrow.html
Created December 21, 2015 02:23 — forked from satomacoto/labeledarrow.html
labeled arrow w/ D3.js
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://d3js.org/d3.v2.js"></script>
<style>
line.arrow {
stroke: #666;
@mayblue9
mayblue9 / index.html
Created December 21, 2015 08:26 — forked from zross/index.html
D3, Leaflet animation
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css" />
<script src="http://d3js.org/d3.v3.min.js" type="text/javascript"></script>
<script src="http://cdn.leafletjs.com/leaflet-0.7/leaflet.js"></script>
<script src='https://api.tiles.mapbox.com/mapbox.js/v1.6.4/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.4/mapbox.css' rel='stylesheet' />
@mayblue9
mayblue9 / index.html
Created December 21, 2015 08:27 — forked from clhenrick/index.html
Leaflet AnimatedMarker plug-in test
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
<script src="http://rawgithub.com/clhenrick/Major-Studio-Two/gh-pages/map-story/html/js/pct-trail-partial.js"></script>
<script src="http://rawgithub.com/openplans/Leaflet.AnimatedMarker/master/src/AnimatedMarker.js"></script>
@mayblue9
mayblue9 / index.html
Created December 21, 2015 08:48 — forked from d3noob/.block
Map using leaflet.js and d3,js combined
<!DOCTYPE html>
<html>
<head>
<title>Leaflet and D3 Map</title>
<meta charset="utf-8" />
<link
rel="stylesheet"
href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css"
/>
@mayblue9
mayblue9 / README.md
Created December 22, 2015 07:08 — forked from mbostock/.block
Modifying a Force Layout

This example demonstrates how to add and remove nodes and links from a force layout. The graph initially appears with three nodes A, B and C connected in a loop. Three seconds later, node B is removed, along with the links B-A and B-C. At six seconds, node B is reintroduced, restoring the original links B-A and B-C. This example uses the general update pattern for data joins.