Skip to content

Instantly share code, notes, and snippets.

View cool-Blue's full-sized avatar

cool-Blue

3 followers · 0 following
View GitHub Profile
@cool-Blue
cool-Blue / README.md
Last active September 6, 2015 04:48 — forked from pjanik/README.md
Pixi.js WebGLRenderer
@cool-Blue
cool-Blue / index.html
Last active September 5, 2015 14:27
canvas spheres
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinycolor/1.1.2/tinycolor.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
@cool-Blue
cool-Blue / 2015-08-31_22-31-57.png
Last active September 5, 2015 09:33
self sorting nodes in d3 fdg IV
2015-08-31_22-31-57.png
@cool-Blue
cool-Blue / 2015-08-31_22-31-57.png
Last active September 1, 2015 19:16
self sorting nodes in d3 fdg III
2015-08-31_22-31-57.png
@cool-Blue
cool-Blue / 2015-08-31_22-26-49.png
Last active August 31, 2015 18:59
self sorting nodes in d3 fdg II
2015-08-31_22-26-49.png
@cool-Blue
cool-Blue / index.html
Last active August 31, 2015 16:51
self-sorting nodes in d3 fdg
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
/*margin: 200px 500px 100px 500px;*/
}
#inputs {
display: inline-block;
margin: 0 0 0 0.5em;
@cool-Blue
cool-Blue / index.html
Last active August 29, 2015 14:27 — forked from mbostock/.block
Circular Layout (Raindrops)
<!DOCTYPE html>
<meta charset="utf-8">
<title>Raindrops</title>
<style>
body {
background: #012;
}
path {
@cool-Blue
cool-Blue / index.html
Last active April 2, 2016 04:53
stacked bar chart with dynamic axes and labels
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>http://stackoverflow.com/questions/32057842/d3-js-highlighting-stacked-bar-and-getting-selected-values/32079517#32079517</title>
<style>
body {
position: relative;
}
#vis {
@cool-Blue
cool-Blue / graph.json
Last active August 29, 2015 14:27 — forked from eyaler/graph.json
Force-Directed Graph with Drag/Zoom/Pan/Center/Resize/Labels/Shapes/Filter/Highlight
{
"graph": [],
"links": [
{"source": 0, "target": 1},
{"source": 0, "target": 2},
{"source": 0, "target": 3},
{"source": 0, "target": 4},
{"source": 0, "target": 5},
{"source": 0, "target": 6},
{"source": 1, "target": 3},
@cool-Blue
cool-Blue / README.markdown
Last active August 29, 2015 14:27 — forked from mccannf/README.markdown
D3 Drag Rectangle with drag handles

This is an example of the power of the D3 library and how you can use the drag behavior of D3 to control the position and shape of the SVG element.