Data Visualisation

1
Data Visualisation

• A picture is worth a thousand words

2
Introducing Visualisation
3
Maxim 19.1

• People are processing tools, too, especially when
  it comes to processing visual information

4
Displaying Tabular Data Using HTML
5
Example HTML visualisation identifying amino
acid states

• figMIX1.eps

6
Example HTML visualisation grouping amino acids

• figMIX2.eps

7
Displaying SWISS-PROT identifiers
swQ52109MERA_ACICA Mercuric reduct
... MTTLKITGMTCDSCAAHVKEALEK ...
8
Overview of the Mer Operon proteins in the
SWISS-PROT database

• figMERTABLEHTML.eps

9
Creating High Quality Graphics With GD

• perl Makefile.PL
• make
• make test
• su
• make install
• ltCtrl-Dgt
• ttf.pl display

10
The test image produced by the GD module

• figTTF.eps

11
Using the GD module

• perldoc GD.pm

12
Using the GD module - example

• use GD
• my image new GDImage( 100, 100 )
• white image-gtcolorAllocate( 255, 255, 255 )
• black image-gtcolorAllocate( 0, 0, 0 )
• red image-gtcolorAllocate( 255, 0, 0 )
• blue image-gtcolorAllocate( 0, 0, 255 )
• image-gttransparent( white )
• image-gtinterlaced( 'true' )
• image-gtrectangle( 0, 0, 99, 99, black )
• image-gtarc( 50, 50, 95, 75, 0, 360, blue )
• image-gtfill( 50, 50, red )
• binmode STDOUT
• print image-gtpng

13
A sample image plan for a heat map''

• figMIXPLAN.eps

14
Maxim 19.2

• Producing plans avoids problems before problems
  surface

15
Displaying genes in EMBL entries
16
A plot of the interesting genes identified in
EMBL entry ISTN501

• figEMBLPLOT.eps

17
Introducing mogrify

• http//www.imagemagick.org/
• mogrify -resize 1600 Embl_sequence_graphic.png
• mogrify -resize x100 Embl_sequence_graphic.png
• man mogrify
• cp Embl_sequence_graphic.png Embl_sequence_graph
  ic.original.png
• mogrify -resize 1600 Embl_sequence_graphic.png

18
The difference between resampling and resizing.
This is resized

• figRESIZED.eps

19
The difference between resampling and resizing.
This is resampled

• figRESAMPLED.eps

20
Plotting Graphs
21
Graph plotting using the GDGraph modules
22
Example line graph from the GDGraph module

• figGRAPHEXAMPLE1.eps

23
Example pie chart from the GDGraph module

• figGRAPHEXAMPLE2.eps

24
Graph plotting using Grace
http//plasma-gate.weizmann.ac.il/Grace/
25
The GUI-based Grace application program

• figGRACESHOT.eps

26
The Absorbance'' image as produced by
ChartGraphXmgrace

• figPERLGRACE.eps

27
Where To From Here