The Dendrogrammer
Dendrogram  Demo data
Look under the "Help" tab above for the Quick-start guide.

  

Load different data

Load a different data set by clicking one of the links in the table below.
1default.dat
200leaf.dat
300leaf.dat
400leaf.dat
500leaf.dat
EPSRC-Materials, Mechanical and Medical Engineering-Materials, Mechanical and Medical Engineering.dat
anexample6leafdata.dat
fourlinemanifest.dat
goodDemo.dat
matlabLinkageDataFromTom.dat
onehundredDfromFraser.dat
the_evaluation_data.dat

The current data

Below are details of the currently loaded data set:
The largest merge height (dissimilarity value) is 0.
There are 0 leaf nodes.

Dat file name=300leaf.dat

It contains the following data file names and description text:
Line NoFile name
1300leaf.node.csv
2300leaf.leaf.csv
3DR generated by spreadsheet and repetitious test leaf data using keywords from a report.
4http://www.researchperspectives.org/?page_id=43&CORDIS=checked&EPSRC=checked&NSF=checked&SEARCH=
5

Node file name=300leaf.node.csv

Line Nocol1col2col3
1120.1
230130.133
330240.166
430350.199
530460.232
630570.265
730680.298
830790.331
9308100.364
10309110.397
11310120.43
12311130.463
13312140.496
14313150.529
15314160.562
16315170.595
17316180.628
18317190.661
19318200.694
20319210.727
21320220.76
22321230.793
23322240.826
24323250.859
25324260.892
26325270.925
27326280.958
28327290.991
29328301.024
30329311.057
31330321.09
32331331.123
33332341.156
34333351.189
35334361.222
36335371.255
37336381.288
38337391.321
39338401.354
40339411.387
41340421.42
42341431.453
43342441.486
44343451.519
45344461.552
46345471.585
47346481.618
48347491.651
49348501.684
50349511.717
51350521.75
52351531.783
53352541.816
54353551.849
55354561.882
56355571.915
57356581.948
58357591.981
59358602.014
60359612.047
61360622.08
62361632.113
63362642.146
64363652.179
65364662.212
66365672.245
67366682.278
68367692.311
69368702.344
70369712.377
71370722.41
72371732.443
73372742.476
74373752.509
75374762.542
76375772.575
77376782.608
78377792.641
79378802.674
80379812.707
81380822.74
82381832.773
83382842.806
84383852.839
85384862.872
86385872.905
87386882.938
88387892.971
89388903.004
90389913.037
91390923.07
92391933.103
93392943.136
94393953.169
95394963.202
96395973.235
97396983.268
98397993.301
993981003.334
1003991013.367
1014001023.4
1024011033.433
1034021043.466
1044031053.499
1054041063.532
1064051073.565
1074061083.598
1084071093.631
1094081103.664
1104091113.697
1114101123.73
1124111133.763
1134121143.796
1144131153.829
1154141163.862
1164151173.895
1174161183.928
1184171193.961
1194181203.994
1204191214.027
1214201224.06
1224211234.093
1234221244.126
1244231254.159
1254241264.192
1264251274.225
1274261284.258
1284271294.291
1294281304.324
1304291314.357
1314301324.39
1324311334.423
1334321344.456
1344331354.489
1354341364.522
1364351374.555
1374361384.588
1384371394.621
1394381404.654
1404391414.687
1414401424.72
1424411434.753
1434421444.786
1444431454.819
1454441464.852
1464451474.885
1474461484.918
1484471494.951
1494481504.984
1504491515.017
1514501525.05
1524511535.083
1534521545.116
1544531555.149
1554541565.182
1564551575.215
1574561585.248
1584571595.281
1594581605.314
1604591615.347
1614601625.38
1624611635.413
1634621645.446
1644631655.479
1654641665.512
1664651675.545
1674661685.578
1684671695.611
1694681705.644
1704691715.677
1714701725.71
1724711735.743
1734721745.776
1744731755.809
1754741765.842
1764751775.875
1774761785.908
1784771795.941
1794781805.974
1804791816.007
1814801826.04
1824811836.073
1834821846.106
1844831856.139
1854841866.172
1864851876.205
1874861886.238
1884871896.271
1894881906.304
1904891916.337
1914901926.37
1924911936.403
1934921946.436
1944931956.469
1954941966.502
1964951976.535
1974961986.568
1984971996.601
1994982006.634
2004992016.667
2015002026.7
2025012036.733
2035022046.766
2045032056.799
2055042066.832
2065052076.865
2075062086.898
2085072096.931
2095082106.964
2105092116.997
2115102127.03
2125112137.063
2135122147.096
2145132157.129
2155142167.162
2165152177.195
2175162187.228
2185172197.261
2195182207.294
2205192217.327
2215202227.36
2225212237.393
2235222247.426
2245232257.459
2255242267.492
2265252277.525
2275262287.558
2285272297.591
2295282307.624
2305292317.657
2315302327.69
2325312337.723
2335322347.756
2345332357.789
2355342367.822
2365352377.855
2375362387.888
2385372397.921
2395382407.954
2405392417.987
2415402428.02
2425412438.053
2435422448.086
2445432458.119
2455442468.152
2465452478.185
2475462488.218
2485472498.251
2495482508.284
2505492518.317
2515502528.35
2525512538.383
2535522548.416
2545532558.449
2555542568.482
2565552578.515
2575562588.548
2585572598.581
2595582608.614
2605592618.647
2615602628.68
2625612638.713
2635622648.746
2645632658.779
2655642668.812
2665652678.845
2675662688.878
2685672698.911
2695682708.944
2705692718.977
2715702729.01
2725712739.043
2735722749.076
2745732759.109
2755742769.142
2765752779.175
2775762789.208
2785772799.241
2795782809.274
2805792819.307
2815802829.34
2825812839.373
2835822849.406
2845832859.439
2855842869.472
2865852879.505
2875862889.538
2885872899.571
2895882909.604
2905892919.637
2915902929.67
2925912939.703
2935922949.736
2945932959.769
2955942969.802
2965952979.835
2975962989.868
2985972999.901
2995983009.934

Leaf file name=300leaf.leaf.csv

Line Nocol1col2
1ThisSetThisSet long description
2OfLeafOfLeaf long description
3LabelsLabels long description
4HasBeenHasBeen long description
5ConcoctedConcocted long description
6ForTestForTest long description
7PurposesPurposes long description
8interactiveinteractive long description
9web-basedweb-based long description
10applicationapplication long description
11renderrender long description
12dendrogramsdendrograms long description
13clusteringclustering long description
14createdcreated long description
15purposepurpose long description
16interestedinterested long description
17partiesparties long description
18visualisevisualise long description
19co-occurrenceco-occurrence long description
20EPSRCEPSRC long description
21GrantsGrants long description
22groupinggrouping long description
23logicallogical long description
24transparenttransparent long description
25effectiveeffective long description
26consultationconsultation long description
27formedformed long description
28similarsimilar long description
29exploitexploit long description
30technologiestechnologies long description
31cross platformcross platform long description
32cross browsercross browser long description
33accessaccess long description
34iPadiPad long description
35tablet computers.tablet computers. long description
36requirementsrequirements long description
37reportreport long description
38investigatesinvestigates long description
39backgroundbackground long description
40analysisanalysis long description
41producesproduces long description
42possiblepossible long description
43preliminarypreliminary long description
44investigationsinvestigations long description
45presentedpresented long description
46projectproject long description
47associatedassociated long description
48EngineeringEngineering long description
49PhysicalPhysical long description
50SciencesSciences long description
51ResearchResearch long description
52CouncilCouncil long description
53thousandthousand long description
54millionmillion long description
55planningplanning long description
56prioritisingprioritising long description
57expenditureexpenditure long description
58concernedconcerned long description
59ComputingComputing long description
60ICTICT long description
61exercisesexercises long description
62brain stormingbrain storming long description
63sessionssessions long description
64representativesrepresentatives long description
65variousvarious long description
66formationformation long description
67impartialimpartial long description
68transparenttransparent long description
69appliesapplies long description
70providesprovides long description
71commoncommon long description
72ruling outruling out long description
73likelylikely long description
74relatedrelated long description
75LiteratureLiterature long description
76ReviewReview long description
77availableavailable long description
78publicpublic long description
79web siteweb site long description
80FigureFigure long description
81thereforetherefore long description
82Texture LabTexture Lab long description
83Heriot WattHeriot Watt long description
84UniversityUniversity long description
85producingproducing long description
86depictingdepicting long description
87MATLABMATLAB long description
88word cloudsword clouds long description
89SectionSection long description
90FlashFlash long description
91processingprocessing long description
92card-sortingcard-sorting long description
93surveyssurveys long description
94elementelement long description
95adjustableadjustable long description
96similaritysimilarity long description
97 threshold threshold long description
98highlightinghighlighting long description
99commercialcommercial long description
100JavaScript JavaScript long description
101ThisSetThisSet long description
102OfLeafOfLeaf long description
103LabelsLabels long description
104HasBeenHasBeen long description
105ConcoctedConcocted long description
106ForTestForTest long description
107PurposesPurposes long description
108interactiveinteractive long description
109web-basedweb-based long description
110applicationapplication long description
111renderrender long description
112dendrogramsdendrograms long description
113clusteringclustering long description
114createdcreated long description
115purposepurpose long description
116interestedinterested long description
117partiesparties long description
118visualisevisualise long description
119co-occurrenceco-occurrence long description
120EPSRCEPSRC long description
121GrantsGrants long description
122groupinggrouping long description
123logicallogical long description
124transparenttransparent long description
125effectiveeffective long description
126consultationconsultation long description
127formedformed long description
128similarsimilar long description
129exploitexploit long description
130technologiestechnologies long description
131cross platformcross platform long description
132cross browsercross browser long description
133accessaccess long description
134iPadiPad long description
135tablet computers.tablet computers. long description
136requirementsrequirements long description
137reportreport long description
138investigatesinvestigates long description
139backgroundbackground long description
140analysisanalysis long description
141producesproduces long description
142possiblepossible long description
143preliminarypreliminary long description
144investigationsinvestigations long description
145presentedpresented long description
146projectproject long description
147associatedassociated long description
148EngineeringEngineering long description
149PhysicalPhysical long description
150SciencesSciences long description
151ResearchResearch long description
152CouncilCouncil long description
153thousandthousand long description
154millionmillion long description
155planningplanning long description
156prioritisingprioritising long description
157expenditureexpenditure long description
158concernedconcerned long description
159ComputingComputing long description
160ICTICT long description
161exercisesexercises long description
162brain stormingbrain storming long description
163sessionssessions long description
164representativesrepresentatives long description
165variousvarious long description
166formationformation long description
167impartialimpartial long description
168transparenttransparent long description
169appliesapplies long description
170providesprovides long description
171commoncommon long description
172ruling outruling out long description
173likelylikely long description
174relatedrelated long description
175LiteratureLiterature long description
176ReviewReview long description
177availableavailable long description
178publicpublic long description
179web siteweb site long description
180FigureFigure long description
181thereforetherefore long description
182Texture LabTexture Lab long description
183Heriot WattHeriot Watt long description
184UniversityUniversity long description
185producingproducing long description
186depictingdepicting long description
187MATLABMATLAB long description
188word cloudsword clouds long description
189SectionSection long description
190FlashFlash long description
191processingprocessing long description
192card-sortingcard-sorting long description
193surveyssurveys long description
194elementelement long description
195adjustableadjustable long description
196similaritysimilarity long description
197 threshold threshold long description
198highlightinghighlighting long description
199commercialcommercial long description
200JavaScript JavaScript long description
201ThisSetThisSet long description
202OfLeafOfLeaf long description
203LabelsLabels long description
204HasBeenHasBeen long description
205ConcoctedConcocted long description
206ForTestForTest long description
207PurposesPurposes long description
208interactiveinteractive long description
209web-basedweb-based long description
210applicationapplication long description
211renderrender long description
212dendrogramsdendrograms long description
213clusteringclustering long description
214createdcreated long description
215purposepurpose long description
216interestedinterested long description
217partiesparties long description
218visualisevisualise long description
219co-occurrenceco-occurrence long description
220EPSRCEPSRC long description
221GrantsGrants long description
222groupinggrouping long description
223logicallogical long description
224transparenttransparent long description
225effectiveeffective long description
226consultationconsultation long description
227formedformed long description
228similarsimilar long description
229exploitexploit long description
230technologiestechnologies long description
231cross platformcross platform long description
232cross browsercross browser long description
233accessaccess long description
234iPadiPad long description
235tablet computers.tablet computers. long description
236requirementsrequirements long description
237reportreport long description
238investigatesinvestigates long description
239backgroundbackground long description
240analysisanalysis long description
241producesproduces long description
242possiblepossible long description
243preliminarypreliminary long description
244investigationsinvestigations long description
245presentedpresented long description
246projectproject long description
247associatedassociated long description
248EngineeringEngineering long description
249PhysicalPhysical long description
250SciencesSciences long description
251ResearchResearch long description
252CouncilCouncil long description
253thousandthousand long description
254millionmillion long description
255planningplanning long description
256prioritisingprioritising long description
257expenditureexpenditure long description
258concernedconcerned long description
259ComputingComputing long description
260ICTICT long description
261exercisesexercises long description
262brain stormingbrain storming long description
263sessionssessions long description
264representativesrepresentatives long description
265variousvarious long description
266formationformation long description
267impartialimpartial long description
268transparenttransparent long description
269appliesapplies long description
270providesprovides long description
271commoncommon long description
272ruling outruling out long description
273likelylikely long description
274relatedrelated long description
275LiteratureLiterature long description
276ReviewReview long description
277availableavailable long description
278publicpublic long description
279web siteweb site long description
280FigureFigure long description
281thereforetherefore long description
282Texture LabTexture Lab long description
283Heriot WattHeriot Watt long description
284UniversityUniversity long description
285producingproducing long description
286depictingdepicting long description
287MATLABMATLAB long description
288word cloudsword clouds long description
289SectionSection long description
290FlashFlash long description
291processingprocessing long description
292card-sortingcard-sorting long description
293surveyssurveys long description
294elementelement long description
295adjustableadjustable long description
296similaritysimilarity long description
297 threshold threshold long description
298highlightinghighlighting long description
299commercialcommercial long description
300JavaScript JavaScript long description

Groups data will be displayed here.

Here will appear output in response to formation of groups using the green dragable threshold bar and the "Apply threshold" button, or the "Set no.of groups" toolbar.

Dendrogrammer v 1.0.5

The Dendrogrammer was created as one component in the analysis of multivariate data. In particular it is intended to allow already pre-processed data to be
  • classified into groups and then either
  • used in further analysis, or
  • used in some form of presentation about the data.
Current Features
  • Dendrogram construction
  • File read
  • File read now includes a manifest file which cues a clustering data file (node data) and a leaf description data file (leaf data).
  • File read now is integrated in the application page. Hard coded data loads if no data files are found.
  • Window width optimisation
  • Group formation by adjustable threshold
  • Cluster click/tap reports into dialog
  • Group formation reports with dialog, reports into separate tab, that tab pulses to notify. The pulsing stops when the tab is clicked
  • The threshold is a dragable element on the graph
  • The threshold can be adjusted also using toolbar buttons
  • The desired number of groups can be entered and it will set the threshold to fit
  • Leaf labels on the vertical axis. These are interactively styled in response to events.
  • Dialogs now guaranteed to be under 75% of window ht, scrolling if needed and using a default or wider width as appropriate on PC platform. Scrolling dialogs are not deployed on tablet platform as these are not suitable for tablets.
  • The group banding (and groups) can be removed with the "Remove" button
  • Summary dendrogram: For use in dendrograms with a very large number of leaves. Effectively truncating the dendrogram up from 0 ht to a level at which the structure can be discerned and then the clusters interrogated, rather than having hundreds of leaves along the bottom.
  • The Descendant Nodes Dialog contains a search link. The URL for this is specified in the .dat file which loads the data. The search link passes the cluster's leaf terms to a search engine.
Documentation The technologies deployed in the application include
  • JavaScript - The major part of the application is written in JavaScript
  • Raphael Javscript library (by Dmitry Baranovskiy) - Used to make the dendrogram graphic elements. Raphael is truly amazing.
  • (Indirectly) SVG and VML - Raphael uses SVG or VML to do the drawing. Raphael switches seemlessly depending on the browser
  • jQuery - For some of the cross browser Dynamic HTML
  • jQuery UI - For some of the user interface supporting the application
  • HTML5 - Although there is nothing especially HTML5 about it really.
  • PHP - the data files are loaded using PHP.
The Dendrogrammer was created
  • by David Allan Robb
  • for his MSc project at Heriot-Watt University
  • in summer 2011
Quick-start Guide

In a nutshell-
  • Drag the green bar (Threshold bar) to adjust the dissimilarity threshold for group formation. Then click the "Apply threshold" button to form groups.
  • "Remove" will get rid of the groups.
  • Or enter the desired no. of groups in the "no. of groups field" and click the "Apply no. of groups" button.
  • To create a summary dendrogram, drag the threshold, then click "Truncate".
  • "Restore" redraws the original dendrogram.
  • Another way to adjust the threshold is to enter a number in the "Threshold value field".
Help

Dendrogram tab - View and interact with the dendrogram made from the clustering data.

  • Click or tap a cluster (element on the graph). Then read about that cluster in the dialog that appears.
  • That dialog also contains a search link. The URL for this is specified in the .dat file which loads the data. The search link passes the cluster's leaf terms to a search engine. It should open in a browser pop-up window or browser tab.
  • Adjust the green threshold bar and click the button to form groups of leaves (data points)
  • See more detail about the groups you form under the "Groups" tab.
  • The threshold can be adjusted by click-and-drag on the green bar, or using the threshold toolbar buttons, or entering a number in the "Threshold value field".
  • If you are using a tablet computer then drag on the green bar with your finger. If you find you can't drag the bar accurately then use the toolbar buttons to move the threshold. You might find that after moving the threshold bar away from the max with a button then you can get a better feel for how it drags using your finger.
  • If using the toolbar fine adjust buttons (plus and minus), note that the amount of movement with minus is set slightly less that with plus. This allows even more fine adjustment if you alternate from plus to minus around the point you are looking for.
  • To specify a given number of groups, enter the desired number in the field next to the "Apply no.of groups" button and click the button. The threshold will be chosen automatically for you.
  • To view a summary dendrogram (or truncated dendrogram), drag the threshold to some point below which you wish to discard the leaf detail. Then click the "Truncate" button. The resulting summary dendrogram will have everything below the threshold removed and be reshaped to fit the previous space. The origin is at the dissimilarity ht. you chose with the threshold bar. Tapping/clicking a cluster will still report all the leaf detail as before, despite the leaves being invisible. Groups can be formed in the same manner as before.
  • The "Restore" button will restore the original full dendrogram and the leaves as it was when you first viewed the current data. Loading new data or the same data again will have the same effect, as will reloading the page with your browser.
  • Use Control and + or - to zoom in and out ( or pinch on a tablet ). Look in your browser's View menu for more zoom controls.
  • What equipment to use: The dendrogrammer was designed to be cross platform (works on PCs with mouse and tablets with tap)
  • What browser to use: The dendrogrammer was designed to be cross browser. It is written in JavaScript (with a little bit of PHP to load the data). So it works in pretty much any browser that has Javascript enabled. However it is my experience that if one considers the latest browsers, the JavaScript interpreters in Firefox (Gekko with Tracemonkey), Safari (Webkit with Squirrelfish), and Chrome (Webkit with V8) are significantly faster (e.g. by a factor of 2 and more) than the "JScript" engine in Internet Explorer 8 and below (However, IE9 32-bit is good, but IE9 64-bit is reputed to be slow). So if one is seeking faster smoother performance with this particular application then one might wish to use Firefox, Chrome, or Safari (as at July 2011).

Data tab - Load different data or find out about the current data used to make the dendrogram.

  • A table of links is shown representing all the available data sets. Clicking a link loads that data set and makes a dendrogram from it.
  • The currently loaded data set is described and displayed in 3 tables
  • One table shows the contents of the .dat (or manifest) file. This contains meta data about the data set: the names of the two data files and a description of the data set.
  • The next table shows the contents of the clustering data file (or node file). This should be a csv file generated by MATLAB. It should have 3 columns. The first two columns are cluster or leaf designation numbers. The third column contains the merge height or similarity measure for that cluster.
  • The last table shows the contents of the leaf description data file (or leaf file). This is a csv file. The first row describes leaf number one. The second row describes leaf number two and so on. It should contain two columns. Column one should hold the short leaf descriptions or labels. Column 2 should contain a longer description for each leaf (this can be a repeat of the short label).
  • Loading a new data set or the same data set again will result in a page refresh and will clear any displayed groups or summary dendrogram which you may be displayed on the Dendrogram tab.
  • Adding further data sets can only be done by someone with write-access to the web space where the application resides (See 'Documentation' in the About tab.)

Groups tab- View the detail of the groups formed using the threshold adjuster and toolbar.

  • The detail can be copied and pasted into other software for further analysis or presentation.

About tab - Read about the application.

Help tab - This page you are reading now is the Help.

Zoom Help

If you find the leaf labels too small you may wish to zoom in. If you find your screen height too small to fit a large dendrogram you may wish to zoom out.

How to zoom on a PC or laptop

  • On most browsers Control and + will zoom in.
  • Control and - will zoom out.
  • Control and mouse wheel works too on most browsers.
  • Look in your browser's View menu for more zoom commands. E.g. Some browsers offer a separate zoom for text only. If using that, bear in mind that your browser sees the entire dendrogram including leaf labels as graphics.
  • Once you have zoomed, refreshing the page will adjust the dendrogram to fit the width you have chosen.

On a tablet device

  • Use the open or close pinch gesture to zoom.
  • Once you have zoomed in, as you would expect, refreshing the page does not affect the dendrogram size. It remains zoomed until you zoom back.

Summary Dendrogram feature

  • By setting the threshold bar and clicking "Truncate" you can reduce the amount of leaf detail displayed and reduce the height of the dendrogram.
  • Clicking a cluster on a summary dendrogram still reveals all of its descendant leaf detail in the dialogs. Group formation works as normal.
  • The "Restore" button restores the normal dendrogram.