Including Graphs

Graphs produced using the Dygraph javascript library.

DyGraph Extension

In order to make it easier to include DyGraph graphs within wiki pages a specific extension has been written. Further information will be provided once this new extension has been properly tested.

A graph can be added to a page by included a version of the syntax shown below.

Please note:

• It is only possible to provide one set of annotations, either as local data or as a file.
• It is not possible to use a combination of internal and external data files.
• Local data files including a "," in the names will not work properly.

From Local Data

{{#dygraph:
data=Wavelength, Reflectance(%)
xv1, y1v1
xv2, y1v2
xv3, y1v3
xv4, y1v4
...|
wid=Width in Pixels|
hei=Width in Pixels|
title=Graph Title|
xtitle=XTitle|
ytitle=YTitle|
ann=[
["Series No, Y-value, 'Tag', 'Title', width],
["Series No, Y-value, 'Tag', 'Title', width],
...
]
}}

From Text Files

{{#dygraph:
files=data1.txt|
wid=600px|
hei=500px|
title=Graph Title|
xtitle=XTitle|
ytitle=YTitle|
annfile=annotation1.txt
}}

From External Files

{{#dygraph:
files=http://mysourceofdata.com?id=1|
wid=600px|
hei=500px|
title=Graph Title|
xtitle=XTitle|
ytitle=YTitle|
}}

Examples

• Example Graph 1: Sub section of the reflectance spectra for French ultramarine (50 data points)
• Example Graph 2: Reflectance spectra for French ultramarine (362 data points)
• Example Graph 3: Annotate gas chromatogram (10K data points)
• Example Graph 4: Large data set of environmental readings (20K x 3 data points)
• Example Graph 5: An FTIR spectrum with a reversed X-axis