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

Commit 69b01e6e authored by Jerome Mariette's avatar Jerome Mariette

No commit message

No commit message
parent 16fb9410
......@@ -98,20 +98,17 @@ $(document).ready(function(){
});
});
</pre>
<p> The serie can also define the number of occurence for each intersections.</p>
<p> The serie can also define the number of occurence for each intersections and their values. If only the data are provided,
the values are computed. If only the values are provided the callback function is desactivated.</p>
<pre class="prettyprint linenums">
$(document).ready(function(){
$('#example').jvenn({
series: [{
name: {A: 'List 1',
B: 'List 2',
C: 'List 3',
D: 'List 4'},
data: {A: 340, B: 562, C: 620, D: 592,
AB: 639, AC: 456, AD: 257, BC: 915,
BD: 354, CD: 143, ABC: 552, ABD: 578,
ACD: 298, BCD: 613, ABCD: 148}
}]
name: {A: 'Actors',
B: 'Singers'},
data: {A: ["Arnold Schwarzenegger", "Jack Nicholson", "Robert de Niro", "Harrison Ford"], B: ["Freddy Mercury", "Ricky Martin", "Celine Dion"], AB: ["Marilyn Monroe", "Barbra Streisand", "Dean Martin"]},
values: {A: 4, B: 3, AB: 3}
}],
});
});
</pre>
......
......@@ -52,23 +52,23 @@
<div class="page-header">
<h1>Quick start</h1>
</div>
<h4>Provide list(s) of element(s)</h4>
<h4>How to provide list(s) of element(s)</h4>
<p>
At right of the example page, six textarea are available to provide your lists of elements (<b>warning:</b> one by line!).
If you provide several times the same item in a list it will be considered as unique. <br/>
You can also name each list using input field before the corresponding one. The length of the name is limited up to eleven characters.
On the right of the example page, you can fill each of the six textareas with your own data(<b>warning:</b> one element per line!).
If the same item is given multiple times, this one will be considered as unique. <br/>
You can also customize the list labels using the text field on the top of each textares. The length of the name is limited at eleven characters.
</p>
<div class="bs-docs-example" style="text-align: center;">
<img width="45%" src="img/jvenn-input-lists.png" class="img-rounded">
</div>
<h4>Two display modes: classic and Edwards</h4>
<p>The default value is 'classic' to have a classical venn diagram to be displayed. If you want a Edwards-Venn
diagram display, just set the drop-down list to 'edwards'. Available values are: 'classic' and 'edwards'.</p>
<p>The default value is 'classic' to output a classical venn diagram. If you want a Edwards-Venn
diagram representation, just select 'edwards' using the drop-down list. Available values are: 'classic' and 'edwards'.</p>
<div class="bs-docs-example" style="text-align: center;">
<img width="48%" src="img/jvenn-classic.png" class="img-rounded img-polaroid"> <img width="48%" src="img/jvenn-edwards.png" class="img-rounded img-polaroid">
</div>
<h4>Highlight intersections</h4>
<p>On mouseover the numbers to highlight the involved lists.</p>
<h4>Highlighting intersections</h4>
<p>When you point an intersection count, all list(s) sharing it are highlighted.</p>
<div class="bs-docs-example" style="text-align: center;">
<img width="48%" src="img/jvenn-hl-classic.png" class="img-rounded img-polaroid"> <img width="48%" src="img/jvenn-hl-edwards.png" class="img-rounded img-polaroid">
</div>
......@@ -76,8 +76,8 @@
<p>For all diagrams, when the intersection count size exceeds the allowed space, the value is substituted by a question mark.
The real value pops-up on mouseover.</p>
<h4>Click function</h4>
<p>To display the specific or shared element(s) click on the intersection numbers. The linked elements have been list in the
uneditable textarea below the jvenn diagram.</p>
<p>To display the specific or shared element(s) click on the intersection numbers. The linked elements are listed in the
textarea below the jvenn diagram.</p>
<div class="bs-docs-example" style="text-align: center;">
<img width="50%" src="img/jvenn-click.png" class="img-rounded">
</div>
......@@ -103,13 +103,11 @@
<h1>Switch button panel</h1>
</div>
<p>
If you provide more than 3 lists a switch button panel is available.
Use it to focus on the intersection of interest.<br/>
To enhance the figure’s readability on the classical six lists Venn graphic, it was decided
not to present all the values and to link some areas to their figures using lines. This
still did not permit to show all figures, use the switch button panel to display it.
still did not permit to show all figures, use the switch button panel to display it.<br/>
<br/><br/>
<b>Warning:</b> if one of the switch is on, mouseover numbers no highlight the involved lists.</p>
<b>Warning:</b> having one switch botton on disable all other interaction with the diagram.</p>
<div class="bs-docs-example" style="text-align: center;">
<img width="48%" src="img/jvenn-legend-classic.png" class="img-rounded img-polaroid"> <img width="48%" src="img/jvenn-legend-edwards.png" class="img-rounded img-polaroid">
</div>
......@@ -133,7 +131,7 @@
<br/><br/>
In the first chart you can see the number of elements in each list (the shorter list is the "list 5" with 858 elements).
<br/><br/><br/><br/>
In the second chart, 1707 elements are specific of one list and 399 elements are shared by two of the six lists, for example.
In the second chart, 1707 elements are specific of one list and 399 elements are shared by two of the six lists.
<br/><br/><br/>
</div>
</div>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment