EE2dev

Sequence explorer

This is the main example showing the features of sequence explorer.

More examples

This is an example how to compute the position of text labels when the axis is rescaled. The text labels and the ticks of the axis are transitioned to the destination while satisfying:

that the labels do not vertically overlap with each other
that the labels stay vertically within a give frame
that the labels are transitioned left or right of the new element depending on the empty space

see also: https://bl.ocks.org/ee2dev/fc880e1cfbb80f649878f3d5b9e8ed93

	<!DOCTYPE html>
	<meta charset="utf-8"> <!-- also save this file as unicode-8 ! -->
	<head>
	<link rel="stylesheet" type="text/css" href="http://www.ankerst.de/lib/sankeySeqExplorer_10.css">

	<!--script src="../../../lib/d3_v4_2_1/d3.js"></script-->
	<script src="http://d3js.org/d3.v4.js"></script>
	<script src="http://www.ankerst.de/lib/sankeySeqExplorer_10.min.js"></script>
	<script src="http://www.ankerst.de/lib/sankeySeq_10.min.js"></script>
	<style>

	<!DOCTYPE html>
	<meta charset="utf-8"> <!-- also save this file as unicode-8 ! -->
	<head>
	<link rel="stylesheet" type="text/css" href="http://www.ankerst.de/lib/sankeySeqExplorer_10.css">

	<!--script src="../../../lib/d3_v4_2_1/d3.js"></script-->
	<script src="http://d3js.org/d3.v4.js"></script>
	<script src="http://www.ankerst.de/lib/sankeySeqExplorer_10.min.js"></script>
	<script src="http://www.ankerst.de/lib/sankeySeq_10.min.js"></script>
	<style>

	<!DOCTYPE html>
	<meta charset="utf-8"> <!-- also save this file as unicode-8 ! -->
	<head>
	<link rel="stylesheet" type="text/css" href="http://www.ankerst.de/lib/sankeySeqExplorer_10.css">

	<!--script src="../../../lib/d3_v4_2_1/d3.js"></script-->
	<script src="http://d3js.org/d3.v4.min.js"></script>
	<script src="http://www.ankerst.de/lib/sankeySeqExplorer_10.min.js"></script>
	<script src="http://www.ankerst.de/lib/sankeySeq_10.min.js"></script>
	<style>

	<!DOCTYPE html>
	<meta charset="utf-8"> <!-- also save this file as unicode-8 ! -->
	<head>
	<link rel="stylesheet" type="text/css" href="https://ee2dev.github.io/libs/sankeySeqExplorer.v20.css">
	<script src="https://d3js.org/d3.v4.min.js"></script>
	<script src="https://ee2dev.github.io/libs/sequence-explorer.v20.min.js"></script>
	</head>

	<body>
	<script>

	<!DOCTYPE html>
	<meta charset="utf-8"> <!-- also save this file as unicode-8 ! -->
	<head>
	<link rel="stylesheet" type="text/css" href="https://ee2dev.github.io/libs/sankeySeqExplorer.v20.css">
	<script src="https://d3js.org/d3.v4.min.js"></script>
	<script src="https://ee2dev.github.io/libs/sequence-explorer.v20.min.js"></script>
	</head>
	<style>
	rect.nyresponded_but_did_not_show_up {
	fill: red;