index.html 4.54 KB
Newer Older
1
<!DOCTYPE html>
Jerome Mariette's avatar
Jerome Mariette committed
2
3
4
5
<html lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
Philippe Bardou's avatar
Philippe Bardou committed
6
7
8
	<title>jvenn: an interactive Venn diagram viewer</title>
	<meta name="description" content="A new JavaScript library. It processes lists and produces Venn diagrams. It handles up to six input lists and presents results using classical or Edwards-Venn layouts. User interactions can be controlled and customized. Finally, jvenn can easily be embeded in a web page, allowing to have dynamic Venn diagrams."> 
	
Jerome Mariette's avatar
Jerome Mariette committed
9
	<!-- Le styles -->
Jerome Mariette's avatar
Jerome Mariette committed
10
	<link href="css/bootstrap.css" rel="stylesheet" media="screen">
Jerome Mariette's avatar
Jerome Mariette committed
11
12
13
14
15
16
	<style type="text/css">
		body {
			padding-top: 60px;
			padding-bottom: 40px;
		}
	</style>
Jerome Mariette's avatar
Jerome Mariette committed
17
	<link href="css/bootstrap-responsive.css" rel="stylesheet" media="screen">
Jerome Mariette's avatar
Jerome Mariette committed
18
19
20
21
22
23
24
25
26
27
</head>
<body>
	<div class="navbar navbar-inverse navbar-fixed-top">
      	<div class="navbar-inner">
			<div class="container">
				<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
Jerome Mariette's avatar
Jerome Mariette committed
28
				<a class="brand" href="./index.html">jvenn</a>
Jerome Mariette's avatar
Jerome Mariette committed
29
30
31
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li class="active"><a href="./index.html">About</a></li>
Jerome Mariette's avatar
Jerome Mariette committed
32
						<li><a href="./example.html">Example</a></li>
Jerome Mariette's avatar
Jerome Mariette committed
33
34
						<li><a href="./documentation.html">Plugin documentation</a></li>
						<li><a href="./usermanual.html">User manual</a></li>
Jerome Mariette's avatar
Jerome Mariette committed
35
36
						<li><a target="_blank" href="https://mulcyber.toulouse.inra.fr/plugins/mediawiki/wiki/venny/index.php/Accueil">Sources</a></li>
						<li><a href="mailto:support.genopole@toulouse.inra.fr">Contact</a></li>
37
					</ul>
Jerome Mariette's avatar
Jerome Mariette committed
38
				</div><!--/.nav-collapse -->
39
			</div>
Jerome Mariette's avatar
Jerome Mariette committed
40
41
42
43
44
45
		</div>
	</div>
	
	<div class="container">
		<!-- Main hero unit for a primary marketing message or call to action -->
		<div class="hero-unit">
Jerome Mariette's avatar
Jerome Mariette committed
46
			<h1>jvenn</h1>
Jerome Mariette's avatar
Jerome Mariette committed
47
			<p><b>jvenn</b> is a plug-in for the <a href="http://www.jquery.com/" target="_blank">jQuery</a> Javascript 
Jerome Mariette's avatar
Jerome Mariette committed
48
49
50
51
				library. It is a flexible tool, based upon the venny tool first developed by J.C Oliveros (Oliveros, J.C (2007) 
				<a href="http://bioinfogp.cnb.csic.es/tools/venny/index.html" target="_blank">VENNY</a>, An integrative tool for 
				comparing lists with Venn Diagrams). Key features:</p>
			<p><ul>
Philippe Bardou's avatar
Philippe Bardou committed
52
				<li>handles up to 6 classes venn diagram,</li>
Jerome Mariette's avatar
Jerome Mariette committed
53
54
55
56
57
				<li>allows to display Edwards-Venn diagram,</li>
				<li>is easily integrable within your own web site,</li>
				<li>allows to provide the data from 3 different ways (lists/intersection counts/count lists),</li>
				<li>control the click callback function,</li>
				<li>provides statistic charts based on input data,</li>
Jerome Mariette's avatar
Jerome Mariette committed
58
				<li>search for elements,</li>
Jerome Mariette's avatar
Jerome Mariette committed
59
60
				<li>exports the venn diagram to PNG,</li>
				<li>exports lists to CSV.</li>
Jerome Mariette's avatar
Jerome Mariette committed
61
			</ul></p>
Philippe Bardou's avatar
Philippe Bardou committed
62
63
64
65
66
67
68
69
        	<br/>
			<div style="position:absolute;width:1040px;padding:0px 5px 0 5px;background-color:white;border:1px solid lightgrey;border-radius:5px;">
				<span class="label label-info" style="position:absolute;top:-10px;left:-10px">How to cite</span>
			    <h6>Philippe Bardou, Jérôme Mariette, Frédéric Escudié, Christophe Djemiel and Christophe Klopp. jvenn: an interactive Venn diagram viewer.
			  	    BMC Bioinformatics 2014, 15:293 doi:10.1186/1471-2105-15-293 &nbsp;&nbsp; - &nbsp;&nbsp;
				<a href="http://www.biomedcentral.com/1471-2105/15/293/abstract" target="_blank"> Abstract/FREE Full Text </a></h6>
			</div>
			<br/><br/>
Jerome Mariette's avatar
Jerome Mariette committed
70
71
72
73
      </div>
      
      <!-- Example row of columns -->
      <div class="row">
Jerome Mariette's avatar
Jerome Mariette committed
74
75
76
		  <div class="span4">
  			<h2>Plugin documentation</h2>
  			<p>Having problems embedding jvenn in your Web application? Check out our documentation on how to include and use the library.</p>
Jerome Mariette's avatar
Jerome Mariette committed
77
78
  			<p><a class="btn" href="./documentation.html">Read documentation &raquo;</a></p>
		  </div>
Jerome Mariette's avatar
Jerome Mariette committed
79
80
81
82
83
84
		  <div class="span4">
  			<h2>User manual</h2>
  			<p>Having problems using jvenn? Check out our manual on how to use the Web application.</p>
  			<p><a class="btn" href="./usermanual.html">Read manual &raquo;</a></p>
		  </div>
		  <div class="span4">
Jerome Mariette's avatar
Jerome Mariette committed
85
		  	<h2>Example</h2>
Jerome Mariette's avatar
Jerome Mariette committed
86
		  	<p>Check out an example of jvenn integration providing lists as input.</p>
Jerome Mariette's avatar
Jerome Mariette committed
87
		  	<p><a class="btn" href="./example.html">View example &raquo;</a></p>
Jerome Mariette's avatar
Jerome Mariette committed
88
89
90
          </div>
      </div>
      <hr>
Philippe Bardou's avatar
Philippe Bardou committed
91
92
93
94
95
      <footer style="text-align: center;">
			<p>Copyright &copy; 2014, INRA | Designed by <a href="http://bioinfo.genotoul.fr" target="_blank">GenoToul Bioinfo</a> and
			   <a href="http://sigenae.org" target="_blank">Sigenae</a> teams.
			</p>
	  </footer>
Jerome Mariette's avatar
Jerome Mariette committed
96
97
    </div>
</body>
Jerome Mariette's avatar
Jerome Mariette committed
98
</html>