Maintenance - Mise à jour mensuelle Lundi 1 Juin 2020 entre 7h00 et 9h00

index.html 4.53 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
        	<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;
Jerome Mariette's avatar
Jerome Mariette committed
67
				<a href="http://www.biomedcentral.com/1471-2105/15/293" target="_blank"> Abstract/FREE Full Text </a></h6>
Philippe Bardou's avatar
Philippe Bardou committed
68 69
			</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>