Help:Charts: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
See also: [[Help:Plots| Using Gnuplot on OWW.]]
==Charts on OWW==
==Charts on OWW==
You can generate line, bars and pie charts on OWW directly via CSV (comma separated values) data. Below we have an example of each type with some randomly generated data.
* You can generate line, bars and pie charts on OWW directly via CSV (comma separated values) data. Below we have an example of each chart type and the example of the wiki code that generated it (random data used).


 
===Line chart===
===Line charts===


{| style="border #EEEEEE 1px solid;"
{| style="border #EEEEEE 1px solid;"
Line 48: Line 48:
|}
|}


===Bars charts===
===Bars chart===


{| style="border #EEEEEE 1px solid;"
{| style="border #EEEEEE 1px solid;"
Line 77: Line 77:




===Pie charts===
===Pie chart===


{| style="border #EEEEEE 1px solid;"
{| style="border #EEEEEE 1px solid;"
Line 101: Line 101:
</syntax>
</syntax>
|}
|}
== More info ==
* The charts are auto generated using the Google Charts API via the gchart4mw extension. For more information on the specific wiki syntax or the extension itself, visit [http://code.google.com/p/gchart4mw/ gchart4mw] at Google Code.
__NOTOC__

Latest revision as of 23:11, 21 December 2008

See also: Using Gnuplot on OWW.

Charts on OWW

  • You can generate line, bars and pie charts on OWW directly via CSV (comma separated values) data. Below we have an example of each chart type and the example of the wiki code that generated it (random data used).

Line chart

<lines title="Fluorescent Proteins" colors=336699,669933,993366 ylabel=5 xlabel legend grid=xy size=400x200> , CFP, GFP, RFP 1, 170, 1293, 443 2, 247, 1378, 466 3, 235, 1761, 745 4, 236, 1837, 754 5, 161, 1003, 345 6, 152, 1169, 456 7, 133, 1253, 564 8, 83, 978, 745 9, 95, 1309, 376 10, 117, 1510, 454 11, 125, 1367, 234 12, 142, 1946, 765 </lines>

<syntax type=python> <lines title="Fluorescent Proteins" colors=336699,669933,993366 ylabel=5 xlabel legend grid=xy size=400x200> , CFP, GFP, RFP 1, 170, 1293, 443 2, 247, 1378, 466 3, 235, 1761, 745 4, 236, 1837, 754 5, 161, 1003, 345 6, 152, 1169, 456 7, 133, 1253, 564 8, 83, 978, 745 9, 95, 1309, 376 10, 117, 1510, 454 11, 125, 1367, 234 12, 142, 1946, 765 </lines> </syntax>

Bars chart

<bars title="Fluorescent Proteins" colors=336699,669933,993366 ylabel=5 xlabel legend grid=xy size=400x200> , CFP, GFP, RFP 1, 170, 293, 443 2, 247, 378, 466 3, 235, 161, 745 </bars>

<syntax type=python> <bars title="Fluorescent Proteins" colors=336699,669933,993366 ylabel=5 xlabel legend grid=xy size=400x200> , CFP, GFP, RFP 1, 170, 293, 443 2, 247, 378, 466 3, 235, 161, 745 </bars> </syntax>


Pie chart

<Pie title="Fluorescent Proteins" colors=336699,669933,993366,CCCC33 xlabel 3d size=400x200> CFP, 24 GFP, 44 RFP, 20 YFP, 12 </pie>

<syntax type=python> <Pie title="Fluorescent Proteins" colors=336699,669933,993366,CCCC33 xlabel 3d size=400x200> CFP, 24 GFP, 44 RFP, 20 YFP, 12 </pie> </syntax>

More info

  • The charts are auto generated using the Google Charts API via the gchart4mw extension. For more information on the specific wiki syntax or the extension itself, visit gchart4mw at Google Code.