Skip to content

Instantly share code, notes, and snippets.

@domitry
Created July 15, 2014 02:36
Show Gist options
  • Save domitry/03c6170f2e953c884037 to your computer and use it in GitHub Desktop.
Save domitry/03c6170f2e953c884037 to your computer and use it in GitHub Desktop.
Nyaplot 3D Extension Example
<html lang='en'>
<head>
<title>Nyaplotjs example -- Line chart</title>
<script src='http://d3js.org/d3.v3.min.js'></script>
<script src='https://rawgit.com/domitry/Nyaplotjs/master/release/nyaplot.js'></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/three.js/r66/three.min.js"></script>
<script src='https://rawgit.com/domitry/elegans/nyaplot-extension/release/elegans.js'></script>
</head>
<body>
<div id='vis'></div>
<script>
var STEP_NUM = 10000;
var p = 10, r = 28, b = 8/3;
var fx = function(x,y,z){return ((-1)*p*x + p*y)};
var fy = function(x,y,z){return ((-1)*x*z + r*x - y)};
var fz = function(x,y,z){return (x*y - b*z)};
var dt = 0.01;
var x = 1, y = 1, z = 1;
var x_arr = [], y_arr = [], z_arr = [];
var data = [];
for(var i=0;i<STEP_NUM;i++){
x += dt * fx(x,y,z);
y += dt * fy(x,y,z);
z += dt * fz(x,y,z);
data.push({x:x, y:y, z:z});
}
models = {extension:'Elegans' ,data:{data1: data},panes: [{diagrams:[{type:'line', data: 'data1', options: {x:'x', y:'y', z:'z'}}],options:{}, extension:'Elegans'}]};
window.onload = function(){Nyaplot.core.parse(models, '#vis');};
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment