Naoki Nishida domitry

this is an experimental implementation of Venn diagram.

Inner event handler of Nyaplot

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.

	<html lang='en'>
	<head>
	<title>Nyaplotjs example -- Another Theme</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 values = d3.range(100).map(function(val){return {val1: d3.random.bates(10)(val)};});

	<html lang='en'>
	<head>
	<title>Nyaplotjs example -- Histogram</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 values = d3.range(100).map(function(val){return {val1: d3.random.bates(10)(val)};});

	<html lang='en'>
	<head>
	<title>Nyaplotjs example -- Multiple Panes</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='vis1' style='float:left'></div>
	<div id='vis2' style='float:left'></div>
	<div id='vis3' style='clear:left'></div>

	<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;

	<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=[];