Skip to content

Instantly share code, notes, and snippets.

@domitry

domitry/index.html

Created April 2, 2015 10:35
Show Gist options
  • Save domitry/98f0584504783fbb5168 to your computer and use it in GitHub Desktop.
Save domitry/98f0584504783fbb5168 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<html lang="en">
<head>
<title>Plot Sample - Particles</title>
<link rel='stylesheet' href='https://rawgit.com/domitry/elegans/master/examples/common.css'>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/three.js/r66/three.min.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.4.4/d3.min.js"></script>
<script type="text/javascript" src="https://cdn.rawgit.com/wywzxxz/elegans/master/release/elegans.js"></script>
<script type="text/javascript" src="http://rawgit.com/mrdoob/three.js/r49/examples/js/ImprovedNoise.js"></script>
<script type="text/javascript">
window.onload = function(){
var stage = new Elegans.Stage(d3.select("#vis")[0][0]);
var MAX=10, DATA_NUM=3, INTERVAL_MIN=0.5, INTERVAL_MAX=3, X_NUM=10, Y_NUM=10;
var color_scale = d3.scale.category20();
for(var n=0;n<DATA_NUM;n++){
var x_arr = [], y_arr = [], z_arr = [];
var point = {x:Math.random()*MAX,y:Math.random()*MAX};
var noise = ImprovedNoise();
for(var i=0;i<X_NUM;i++){
point.x = point.x + Math.random()*(INTERVAL_MAX - INTERVAL_MIN) + INTERVAL_MIN;
for(var j=0;j<Y_NUM;j++){
point.y = point.y + Math.random()*(INTERVAL_MAX - INTERVAL_MIN) + INTERVAL_MIN;
point.z = noise.noise(point.x,point.y,0);
x_arr.push(point.x);
y_arr.push(point.y);
z_arr.push(point.z);
}
}
var data = {x:x_arr, y:y_arr, z:z_arr};
var color = color_scale(n);
stage.add(new Elegans.Particles(data, {color: color, name: "molecules"+String(n)}));
}
stage.render();
};
</script>
</head>
<body>
<div id="vis">
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment