Skip to content

Instantly share code, notes, and snippets.

@domitry
domitry / index.html
Last active August 29, 2015 14:02
A demo for Ecoli.js (Line)
<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>
</head>
<body>
<div id='vis'></div>
<script>
var data1 = [], MAX=10, MIN=0;
@domitry
domitry / README.md
Last active August 29, 2015 14:02
A demo for Ecoli.js (Venn diagram)

this is an experimental implementation of Venn diagram.

Inner event handler of Nyaplot

alt text

Introduction

Last week I implemented the multiple panes interactivity to the front-end of Nyaplot. You can see the demo on this notebook.

Skip over single pane demo, and have a look at the paragraph 'Multiple panes demo' at the bottom. In this example histogram and bar chart are created individually, and then thrown into one instance of Nyaplot::Frame. After running 'frame.show', both of the diagrams appear in one out-put box on the notebook. And when you click the histogram, bar chart refrects that and change its height.

@domitry
domitry / index.html
Created July 11, 2014 15:01
NyaplotjsBoxplotExample
<html lang='en'>
<head>
<title>Nyaplotjs example -- Boxplot</title>
<script src='http://d3js.org/d3.v3.min.js'></script>
<script src='https://rawgit.com/domitry/Nyaplotjs/master/release/nyaplot.js'></script>
</head>
<body>
<div id='vis'></div>
<script>
var data1=[];
@domitry
domitry / index.html
Created July 15, 2014 02:36
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>
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@domitry
domitry / index.html
Created August 16, 2014 13:55
Example for Nyaplotjs
<html lang='en'>
<head>
<title>Nyaplotjs example -- Boxplot</title>
<script src='http://d3js.org/d3.v3.min.js'></script>
<script src='https://rawgit.com/domitry/Nyaplotjs/master/release/nyaplot.js'></script>
</head>
<body>
<div id='vis'></div>
<script>
var data1=[];
@domitry
domitry / index.html
Created August 16, 2014 14:22
Example for Nyaplotjs
<html lang='en'>
<head>
<title>Nyaplotjs example -- Heatmap</title>
<script src='http://d3js.org/d3.v3.min.js'></script>
<script src='https://rawgit.com/domitry/Nyaplotjs/master/release/nyaplot.js'></script>
</head>
<body>
<div id='vis'></div>
<script>
var data1 = [], MAX=50, MIN=0;
@domitry
domitry / index.html
Created August 17, 2014 01:03
Example of Nyaplotjs (Vectors)
<html lang='en'>
<head>
<title>Nyaplotjs example -- Vector field</title>
<script src='http://d3js.org/d3.v3.min.js'></script>
<script src='https://rawgit.com/domitry/Nyaplotjs/master/release/nyaplot.js'></script>
</head>
<body>
<div id='vis'></div>
<script>
var data1 = [], MAX=50, MIN=0;
@domitry
domitry / index.html
Created August 17, 2014 01:23
Example for Nyaplotjs (Bubble chart)
<html lang='en'>
<head>
<title>Nyaplotjs example -- Scatter</title>
<script src='http://d3js.org/d3.v3.min.js'></script>
<script src='https://rawgit.com/domitry/Nyaplotjs/master/release/nyaplot.js'></script>
</head>
<body>
<div id='vis'></div>
<script>
var data1 = [], MAX=50, MIN=0;