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 / index.html
Last active June 12, 2016 06:12
d3 fdg with generalised drag and zoom background.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>FDG with zoom(/drag) on background</title>
<style>
.axis path,
.axis line {
fill: none;
stroke: #fff;
@cool-Blue
cool-Blue / .gitignore
Last active September 28, 2015 15:58 — forked from GerHobbelt/.gitignore
d3.js: force layout with self-referencing links
# Editor backup files
*.bak
*~
04ebde07750d6fdd5d1a/
@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.

@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 / 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 / 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 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 / 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 / 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-31-57.png
Last active September 5, 2015 09:33
self sorting nodes in d3 fdg IV
2015-08-31_22-31-57.png