Skip to content

Instantly share code, notes, and snippets.

View EmilienDupont's full-sized avatar

Emilien Dupont EmilienDupont

View GitHub Profile
@EmilienDupont
EmilienDupont / README.md
Last active June 5, 2016 12:49
Dragonfly Morphing
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="//d3js.org/d3.v3.min.js"></script>
<script>
var width = 960,
height = 500;
var svg = d3.select("body")
.append("svg")
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
background: #222
}
.star {
fill: rgb(255, 255, 255);
stroke: none;
@EmilienDupont
EmilienDupont / index.html
Last active June 6, 2016 15:30
Rotating Blobs
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
background: #222
}
.star {
fill: #FFFFFF
}
@EmilienDupont
EmilienDupont / index.html
Last active June 6, 2016 15:40
Relaxing Spinny Lines
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
background: #222
}
</style>
<body>
<script src="//d3js.org/d3.v3.min.js"></script>
<script>
{
"nodes" : [
{"x" : 442, "y" : 388},
{"x" : 436, "y" : 361},
{"x" : 426, "y" : 339},
{"x" : 415, "y" : 320},
{"x" : 394, "y" : 305},
{"x" : 371, "y" : 296},
{"x" : 357, "y" : 264},
{"x" : 336, "y" : 248},
<!DOCTYPE html>
<meta charset="utf-8">
<style>
</style>
<body>
<script src="//d3js.org/d3.v3.min.js"></script>
<script>
var width = 960,
@EmilienDupont
EmilienDupont / README.md
Last active June 6, 2016 15:46
Spawning Particles

Spawning particles

Modification of code by Justin Windle and Nadieh Bremer

Initial code created by Justin using sketch.js which Nadieh changed to d3.js.

I modified code to improve smoothness of animation with the d3 timer and to make it easier to add particles.

Move the mouse to spawn cool particles.

@EmilienDupont
EmilienDupont / README.md
Last active June 6, 2016 15:48
Infinite Relaxing Spinny Lines

Mind

Trying to draw the contrast between a stressed and relaxed mind in d3.