Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G3 - Aufgabe 2: Difference between revisions

From InfoVis:Wiki
Jump to navigation Jump to search
mNo edit summary
 
(12 intermediate revisions by 5 users not shown)
Line 1: Line 1:
[http://www4.nau.edu/fera/index.asp?sub=show&action=posts&fid=4&tid=82 tracfone ringtones] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=40 hydrocodone online] [http://www.colorado.edu/studentgroups/backcountryclub/blahdocs/uploads/ambien_7869.htm ambien online] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=15&tid=3737 but phentermine] [http://library.cshl.edu/wp/vb/member.php?u=1347 cheap cialis] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=59 buy ortho] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=837 free midi ringtones] [http://www4.nau.edu/fera/index.asp?sub=show&action=posts&fid=4&tid=46 cheap alprazolam] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=83 lipitor online] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=44 wellbutrin online] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=60 pharmacy online] [http://www.e.kth.se/cgi-bin/esekt/discussion?command=read&discussionid=4&id=30339 samsung ringtones] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=15&tid=3771 cool ringtones] [http://www4.nau.edu/fera/index.asp?sub=show&action=posts&fid=4&tid=83 funny ringtones] [http://wc1.worldcrossing.com/WebX/.1de609dd free alltel ringtones] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=26 buy fioricet] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=97 free nokia ringtones] [http://itcweb.ecsu.edu/portal/forums.asp?ForumId=13&TopicId=205 paxil online] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=88 lortab] [http://wc1.worldcrossing.com/WebX/.1de60a34 free sony ericsson ringtones] [http://itcweb.ecsu.edu/portal/forums.asp?ForumId=13&TopicId=211 polyphonic ringtones] [http://www.e.kth.se/cgi-bin/esekt/discussion?command=read&discussionid=4&id=30308 lipitor online] [http://students.hsc.unt.edu/housing/item.cfm?type=2886 ortho online] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=80 cool ringtones] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=77 prozac online] [http://www.e.kth.se/cgi-bin/esekt/discussion?command=read&discussionid=4&id=30321 cheap hgh] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=15&tid=3741 viagra online] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=94 jazz ringtones] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=126 cheap sildenafil] [http://www.e.kth.se/cgi-bin/esekt/discussion?command=read&discussionid=4&id=30352 free sony ericsson ringtones] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=809 online hgh] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=112 sagem ringtones] [http://wc1.worldcrossing.com/WebX/.1de60a12 free ericsson ringtones] [http://www.e.kth.se/cgi-bin/esekt/discussion?command=read&discussionid=4&id=30250 viagra online] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=134 buy tramadol] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=15&tid=3742 adipex online] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=826 polyphonic ringtones] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=69 cheap hgh] [http://www4.nau.edu/fera/index.asp?sub=show&action=posts&fid=4&tid=35 xanax online] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=139 viagra online] [http://students.hsc.unt.edu/housing/item.cfm?type=2895 hoodia online] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=776 norco online] [http://www.colorado.edu/studentgroups/backcountryclub/blahdocs/uploads/alprazolam_413.htm alprazolam online] [http://www.e.kth.se/cgi-bin/esekt/discussion?command=read&discussionid=4&id=30248 cheap ativan] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=92 hydrocodone online] [http://itcweb.ecsu.edu/portal/forums.asp?ForumId=13&TopicId=228 ultram online] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=767 online xanax] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=840 sony ringtones] [http://www4.nau.edu/fera/index.asp?sub=show&action=posts&fid=4&tid=92 verizon ringtones] [http://www.colorado.edu/studentgroups/backcountryclub/blahdocs/uploads/sonyericsson_2004.htm free sony ericsson ringtones] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=119 free punk ringtones] [http://itcweb.ecsu.edu/portal/forums.asp?ForumId=13&TopicId=214 zanaflex online] [http://library.cshl.edu/wp/vb/member.php?u=1379 music ringtones] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=108 music ringtones] [http://wc1.worldcrossing.com/WebX/.1de60a09 cheap viagra] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=67 hydrocodone online] [http://wc1.worldcrossing.com/WebX/.1de60a30 xenical online] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=836 free sharp ringtones] [http://www4.nau.edu/fera/index.asp?sub=show&action=posts&fid=4&tid=76 hgh online] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=115 phentermine online] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=84 celexa online] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=98 free free ringtones] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=93 hgh online] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=75 cheap celexa] [http://wc1.worldcrossing.com/WebX/.1de609f8 nokia ringtones] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=105 free motorola ringtones] [http://itcweb.ecsu.edu/portal/forums.asp?ForumId=13&TopicId=240 buy soma] [http://www4.nau.edu/fera/index.asp?sub=show&action=posts&fid=4&tid=88 motorola ringtones] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=5&tid=3692 tramadol online] [http://library.cshl.edu/wp/vb/member.php?u=1363 cyclobenzaprine online] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=61 cheap norco] [http://www4.nau.edu/fera/index.asp?sub=show&action=posts&fid=4&tid=67 cheap celexa] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=81 buy cyclobenzaprine] [http://library.cshl.edu/wp/vb/member.php?u=1345 cheap ultram] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=790 cheap propecia] [http://www.e.kth.se/cgi-bin/esekt/discussion?command=read&discussionid=4&id=30309 celexa online] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=825 free verizon ringtones] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=70 xenical online] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=783 but ambien] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=80 cheap albuterol] [http://www.e.kth.se/cgi-bin/esekt/discussion?command=read&discussionid=4&id=30243 ultram online] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=136 cheap ultram] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=762 tramadol online] [http://library.cshl.edu/wp/vb/member.php?u=1359 cheap ambien] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=24 cheap carisoprodol] [http://students.hsc.unt.edu/housing/item.cfm?type=2901 mp3 ringtones] [http://itcweb.ecsu.edu/portal/forums.asp?ForumId=13&TopicId=203 online norco] [http://students.hsc.unt.edu/housing/item.cfm?type=2862 buy vicodin] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=123 free sony ringtones] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=67 buy hoodia] [http://itcweb.ecsu.edu/portal/forums.asp?ForumId=13&TopicId=239 cheap sildenafil] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=15&tid=3743 vicodin online] [http://wc1.worldcrossing.com/WebX/.1de60a18 free motorola ringtones] [http://students.hsc.unt.edu/housing/item.cfm?type=2926 free jazz ringtones] [http://students.hsc.unt.edu/housing/item.cfm?type=2903 qwest ringtones] [http://wc1.worldcrossing.com/WebX/.1de60a0f cheap cialis] [http://students.hsc.unt.edu/housing/item.cfm?type=2868 ambien online] [http://www4.nau.edu/fera/index.asp?sub=show&action=posts&fid=4&tid=64 cheap lisinopril] [http://students.hsc.unt.edu/housing/item.cfm?type=2909 verizon ringtones] [http://www.e.kth.se/cgi-bin/esekt/discussion?command=read&discussionid=4&id=30237 cheap valium] [http://www4.nau.edu/fera/index.asp?sub=show&action=posts&fid=4&tid=37 cheap ultram] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=774 buy meridia] [http://www.e.kth.se/cgi-bin/esekt/discussion?command=read&discussionid=4&id=30263 cheap levitra] [http://www.colorado.edu/studentgroups/backcountryclub/blahdocs/uploads/xenical_6681.htm cheap xenical] [http://students.hsc.unt.edu/housing/item.cfm?type=2918 free cool ringtones] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=15&tid=3755 ortho online] [http://www.colorado.edu/studentgroups/backcountryclub/blahdocs/uploads/xanax_4637.htm xanax online] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=15&tid=3696 fioricet] [http://www4.nau.edu/fera/index.asp?sub=show&action=posts&fid=4&tid=36 fioricet] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=5&tid=3719 nokia ringtones] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=5&tid=3712 lipitor] [http://library.cshl.edu/wp/vb/member.php?u=1386 free mono ringtones] [http://wc1.worldcrossing.com/WebX/.1de60a11 buy diethylpropion] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=92 free sharp ringtones] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=99 jazz ringtones] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=84 cheap diethylpropion] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=23 cheap phentermine] [http://itcweb.ecsu.edu/portal/forums.asp?ForumId=13&TopicId=185 hydrocodone online] [http://itcweb.ecsu.edu/portal/forums.asp?ForumId=13&TopicId=238 free sharp ringtones] [http://library.cshl.edu/wp/vb/member.php?u=1385 free sony ericsson ringtones] [http://itcweb.ecsu.edu/portal/forums.asp?ForumId=13&TopicId=173 cool ringtones] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=810 flexeril online] [http://itcweb.ecsu.edu/portal/forums.asp?ForumId=13&TopicId=176 cheap didrex] [http://www.e.kth.se/cgi-bin/esekt/discussion?command=read&discussionid=4&id=30335 nextel ringtones] [http://students.hsc.unt.edu/housing/item.cfm?type=2896 buy zyban] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=841 ericsson ringtones] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=91 hoodia online] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=5&tid=3720 tracfone ringtones] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=91 free cool ringtones] [http://itcweb.ecsu.edu/portal/forums.asp?ForumId=13&TopicId=199 music ringtones] [http://itcweb.ecsu.edu/portal/forums.asp?ForumId=13&TopicId=172 but clonazepam] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=15&tid=3750 cheap didrex] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=789 ultracet] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=57 cheap celexa] [http://wc1.worldcrossing.com/WebX/.1de60a1e flexeril online] [http://www.colorado.edu/studentgroups/backcountryclub/blahdocs/uploads/sagemringtones_756.htm sagem ringtones] [http://students.hsc.unt.edu/housing/item.cfm?type=2899 free tracfone ringtones] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=148 zyban online] [http://students.hsc.unt.edu/housing/item.cfm?type=2888 cheap lortab] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=15&tid=3749 ultracet online] [http://wc1.worldcrossing.com/WebX/.1de609f0 lorazepam online] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=15&tid=3753 online zoloft] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=788 nexium online] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=145 cheap xenical] [http://students.hsc.unt.edu/housing/item.cfm?type=2897 free nokia ringtones] [http://www.colorado.edu/studentgroups/backcountryclub/blahdocs/uploads/monoringtones_7654.htm free mono ringtones] [http://www.colorado.edu/studentgroups/backcountryclub/blahdocs/uploads/nextelringtones_3485.htm nextel ringtones] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=5&tid=3723 motorola ringtones] [http://itcweb.ecsu.edu/portal/forums.asp?ForumId=13&TopicId=192 lortab online] [http://www.colorado.edu/studentgroups/backcountryclub/blahdocs/uploads/diazepam_558.htm diazepam online] [http://itcweb.ecsu.edu/portal/forums.asp?ForumId=13&TopicId=218 free qwest ringtones] [http://www.colorado.edu/studentgroups/backcountryclub/blahdocs/uploads/tramadol_3245.htm buy tramadol] [http://www4.nau.edu/fera/index.asp?sub=show&action=posts&fid=4&tid=49 levitra online] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=52 cheap clomid] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=39 buy levitra] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=823 sprint ringtones] [http://wc1.worldcrossing.com/WebX/.1de609fd free punk ringtones] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=5&tid=3709 prozac online] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=5&tid=3707 nexium online] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=61 cheap lortab] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=87 flexeril] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=72 ambien online] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=15&tid=3762 funny ringtones] [http://students.hsc.unt.edu/housing/item.cfm?type=2893 hgh online] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=110 polyphonic ringtones] [http://students.hsc.unt.edu/housing/item.cfm?type=2891 diethylpropion online] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=775 buy adipex] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=128 free sony ericsson ringtones] [http://www4.nau.edu/fera/index.asp?sub=show&action=posts&fid=4&tid=40 buy ativan] [http://students.hsc.unt.edu/housing/item.cfm?type=2912 sagem ringtones] [http://www.colorado.edu/studentgroups/backcountryclub/blahdocs/uploads/meridia_7674.htm meridia online] [http://www4.nau.edu/fera/index.asp?sub=show&action=posts&fid=4&tid=77 flexeril] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=79 cheap clonazepam] [http://students.hsc.unt.edu/housing/item.cfm?type=2894 buy flexeril] [http://www.colorado.edu/studentgroups/backcountryclub/blahdocs/uploads/ultracet_2738.htm ultracet online] [http://www4.nau.edu/fera/index.asp?sub=show&action=posts&fid=4&tid=74 diethylpropion online] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=125 free mtv ringtones] [http://itcweb.ecsu.edu/portal/forums.asp?ForumId=13&TopicId=220 real ringtones] [http://www.e.kth.se/cgi-bin/esekt/discussion?command=read&discussionid=4&id=30297 cheap albuterol] [http://wc1.worldcrossing.com/WebX/.1de60a2e cheap xanax] [http://wc1.worldcrossing.com/WebX/.1de60a1f lisinopril online] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=27 ultram online] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=778 buy alprazolam] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=126 free jazz ringtones] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=80 sprint ringtones] [http://www.e.kth.se/cgi-bin/esekt/discussion?command=read&discussionid=4&id=30242 cheap fioricet] [http://kc.vanderbilt.edu/forums/toast.asp?sub=show&action=posts&fid=5&tid=116 free alltel ringtones] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=15&tid=3763 free nextel ringtones] [http://www.e.kth.se/cgi-bin/esekt/discussion?command=read&discussionid=4&id=30294 prozac online] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=812 online zyban] [http://www.aswsu-ddp.wsu.edu/toast/forums.asp?sub=show&action=posts&fid=3&tid=782 hydrocodone online] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=15&tid=3747 xenical] [http://library.cshl.edu/wp/vb/member.php?u=1353 vicodin] [http://www.colorado.edu/studentgroups/backcountryclub/blahdocs/uploads/soma_9880.htm soma online] [http://ae.siam.edu/forums/toast.asp?sub=show&action=posts&fid=2&tid=58 tenuate online] [http://www.colorado.edu/studentgroups/backcountryclub/blahdocs/uploads/motorolaringtones_6710.htm free motorola ringtones] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=116 polyphonic ringtones] [http://www.ees.ufl.edu/alumni/forums.asp?ForumId=5&TopicId=112 but ortho] [http://www.ovu.edu/community/toast.asp?sub=show&action=posts&fid=15&tid=3752 albuterol online] [http://www4.nau.edu/fera/index.asp?sub=show&action=posts&fid=4&tid=59 cheap prozac] = Poor Graphic =
= Poor Graphic =
[[Image:Mibi04death-and-taxes.jpg|none|thumb|600px|Death and Taxes: A visual look at where your tax dollars go (click on image for larger version)]]
[[Image:Mibi04death-and-taxes.jpg|none|thumb|600px|Death and Taxes: A visual look at where your tax dollars go (click on image for larger version)]]


Line 76: Line 76:
== [[Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe 09 - Aufgabe 1 - Color Coding / Color|Color Coding / Color]] ==
== [[Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe 09 - Aufgabe 1 - Color Coding / Color|Color Coding / Color]] ==


Colors can be used intelligently to encode information in the picture. In the given picture the color encoding is used extensively but it is intermixed and got confused. For example, the circular sections for army, air force and navy all have different colors in spite of the fact that the sections are interrelated, for example R
Colors can be used intelligently to encode information in the picture. In the given picture the color encoding is used extensively but it is intermixed and got confused. For example, the circular sections for army, air force and navy all have different colors in spite of the fact that the sections are interrelated, for example R&D, Personnel, Operations etc.  Thus principle of consistency is violated.
 
== [[Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe 01 - Aufgabe 1 - Aesthetic-Usability Effect|Aesthetic-Usability Effect]] ==
 
“The Aesthetic-Usability Effect is a condition whereby users perceive more aesthetically pleasing designs to be easier to use than less aesthetically pleasing designs [markboulton.co.uk]”. Probably, the other design elements also play their part in making a product aesthetic.
 
* The rule of Golden ratio is apparently violated. This is evident if we look at the proportions of circles to one another. Their sizes are perfectly in proportion to the allocated budget, but their sizes realtive to one another vis-a-vis the rule of Golden Ratio is not observed. Two quantities are said to be in the golden ratio, if "the whole is to the larger as the larger is to the smaller"[Golden ratio].”
 
* If the black background is removed, then the existing picture is not bad as far as aesthetics are concerned.
 
== [[Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe G4 - Aufgabe 1 - Ockham's Razor / Occam's Razor / Principle of Simplicity|Ockham's Razor / Occam's Razor / Principle of Simplicity]] ==
 
According to rules elaborated by William of Ockham in his works [Hoffmann et al., 1997];
 
* It is futile to do with more what can be done with fewer.  Quite meaningful logos are used, but the descriptions of the departments are also mentioned. One of these could be avoided.
 
* When a proposition comes out true for things, if two things suffice for its truth, it is superfluous to assume a third.  It is related with insight, which is missing or is not easily perceivable from the existing picture.
 
* Plurality should not be assumed without necessity. ???
 
* No plurality should be assumed unless it can be proved (a) by reason, or (b) by experience, or (c) by some infallible authority. ???
 
== Layout ==
 
An efficient layout can be used to interactively visualize a complex visualization. In the given picture, if we use for example grid layout then its usability can be increased. It can be used to provide focus+context at the same time. In one layout window, whole picture can be shown like the existing one. While on another one, the focused part can be shown in a magnified way. However, the initial overview for the division into military and non/military spending is possible instantly.
 
Hello there from New York!! Now i am bored to death (blank) (blank) in work so I chose to view your blog on my small new iphone4 dnirug lunch break. I really enjoy the data you deliver here and cannot wait to take a look when I get home. I am surprised at how fast your blog site loaded on my cell phone .. I'm not even using Wireless, simply third generation .. Anyway, superb site!
 
= Conclusions and suggestions =
 
== Suggestion 1 ==
The Visualization itself is not so bad, but only good for print version. The diameters of the different circles gives a good overview of the dispersion of the budget. The problem is that no one can read the name of the different departments. Only when you zoon in the picture you can read it, but then you loos the overview. One approaches to improve the print version is e.g. to change the background colour.
 
But to improve the understanding of the picture we suggest a dynamic visualization!
The problem of the data set is that there are too many different departments and sub-departments. They can not be displayed in a normal diagram. There are up to 200 departments with nearly the same budget and with a normal diagram e.g. scatter plots there is no chance to distinguish the different departments and there are no specific information which can be derived from that kind of visualization.
 
Our approach is to use a SunBurst [SunBurst] like visualization. SunBurst is good to visualize hierarchies with a lot of data. The benefit of this technique is that you can easily compare different departments and sub-departments. The sizes of the different parts represent the budget. The different parts can be labelled with the $ amount or with % from the total budget and/or the Budget of the super-department.
 
The aim of this visualization is to compare different departments. You can go deeper to one sub-department and then compare two or more of them. It is also possible to get a total overview of all apartments by expanding all of the sub-departments. The drawback of this visualization is that departments with very little budget are nearly invisible in the circle. This disadvantage can be solved by dynamically colour or highlight different parts of the data. Another improvement could be to add a second or third view to the SunBurst visualization. These views could be a simple tree (like the explorer) or a Gaussian distribution of the budget. The data sets are the departments with their budget. With this visualization you can see how many departments have which amount of budget. By selecting a rage of the Gaussian distortion the relevant departments are expanded in the SunBurst and highlited in the explorer-tree. It sould be also possible to show the detail data e.g. name, amount of budger, etc. when you move your mouse over a part of the SunBurst Visualization.
 
This visualization approach reduces the drawback of the original one where the different departments are not so easy to compare.
 
[[Image:100 0034.JPG|none|thumb|300px|Multiple view approach (click on image for larger version)]]
 
[[Image:100 0033.JPG|none|thumb|300px|Multiple view approach with expanded sub-node(click on image for larger version)]]
 
== Suggestion 2 ==
 
The big horizontal rectangle encapsulates other square/rectangle sub deparment and each of them encapsulates dispersion of the budget in billion dollar. Each of them has different size by its ration. If that visualization should still in the detail, then The visualization in Stern can not readable and drawback of this visualization is that departments with very little budget are nearly invisible in the stern. This disadvantage can be solved by small abbreviations, such as: F-22R for “ F-22 Raptor - 5,170 Billion” and C-17TA for “  C-17 Transport Aircraft - 3,686 Billion”
 
 
[[Image:Drawing19.jpg|none|thumb|768px]]
 
[[Image:Drawing1.jpg|none|thumb|768px|(click on image for larger version)]]
 
== Suggestion 3 ==
 
Yet another approach for visualizing the "Budget and Taxes" is as follows. It presents the idea, not the whole graphic with actual figures. It uses the tree map approach.
 
* The big vertical rectangle encapsulates the directly section wise budget allocations (like R&D, Operations, etc.).
 
* Standard colors (navy blue for Navy, Grey for Air Force, Brown for Army) are used.
 
* Each horizonontal section is further proportionately divided between the three forces.
 
* A few sections which are common and hence equivalent to all the forces are drawn at the top (Others DOD and Defence wide). Since they are assumed to contribute equivalently towards other departments, therefore, all forces Navy, Army and Air Force are equally spaced there.
 
* Within each rectangular block of a force, further small blocks are made for showing small spendings on AEGIS destroyer, Super Hornet etc. Their sizes are also assumed to be proportional to their allocated budget. '''Due to space limitation, these are given numbers 1,2,3... Upon mouse click these can be further zoomed-in, or their description can be specified in the legend.'''
 
* Alongwith actual budget amount, the idea to show it in terms of different percentages, is employed. People are often interested in these kind of percentages when they are looking at budget.
 
Based upon this approach, rest of the graphic for military and non-military spendings can also be efficiently represented. Although not the perfect one, however it removes some of the defficiencies of the existing visualization. Now the user has a better and quick overview, with details.
 
[[Image:Death_and_taxes_visualization_-_Modified1.jpg]]
 
= Resources =
 
[Golden ratio] http://www.absoluteastronomy.com/encyclopedia/g/go/golden_ratio.htm
 
[SunBurst] http://www.cc.gatech.edu/gvu/ii/sunburst/
 
[Healey et al., 2005] Christopher G. Healey, Kellog S. Booth and James T. Enns - High-Speed Visual Estimation Using Preattentive Processing - The University of British Columbia, June 1996 - Access Date: 24.October.2005. http://www.csc.ncsu.edu/faculty/healey/download/tochi.96.pdf
 
[Hoffmann et al., 1997] Roald Hoffmann, Vladimir I. Minkin, Barry K. Carpenter, Ockham's Razor and Chemistry, HYLE--International Journal for Philosophy of Chemistry, Vol. 3 (1997), Retrieved at: October 24, 2005, http://www.hyle.org/journal/issues/3/hoffman.htm
 
[Mark Boulton, March 06, 2005] Journal, Aesthetic-Usability Effect http://www.markboulton.co.uk/journal/comments/aesthetic_usability_effect/
 
[Pedroza, 2004] Carlos Pedroza, The Encyclopedia of Educational Technology, San Diego State University. Access Date: 21 October 2005, http://coe.sdsu.edu/eet/articles/visualperc1/start.htm
 
[Rosenholtz et al., 2005] Ruth Rosenholtz, Yuanzhen Li, Jonathan Mansfield, and Zhenlan Jin. Feature Congestion: A Measure of Display Clutter. http://web.mit.edu/rruth/www/Papers/RosenholtzEtAlCHI2005Clutter.pdf
 
[Truong, 2005] Donny Truong, “Universal Principles of design” Access Date: 21. Oktober 2005 http://www.visualgui.com/index.php?p=1
 
[Tufte, 1991] Edward Tufte, The Visual Display of Quantitative Information, Second Edition, Graphics Press, USA, 1991.

Latest revision as of 00:27, 1 June 2012

Poor Graphic[edit]

Death and Taxes: A visual look at where your tax dollars go (click on image for larger version)

Drawbacks / Critical analysis[edit]

Before designing visualization for the “Death and Taxes”, it is important to find what is wrong with the existing one, analyze the missing or wrongly applied essential design principles. Then we will be in a better position to make corrections, and come up with an improved visualization.

Preattentive Processing[edit]

“Tasks that can be performed on large multi-element displays in 200 milliseconds or less are considered preattentive [Healey et al., 2005]”. These tasks can be performed without the need of focused attention.

  • From the given visualization displayed on a 17” display what we can perceive instantly is that the budget is allocated to a number of departments and further allocated to various sub-departments within those. However, the display is so cluttered that we are unable to perceive more than that.
  • Lengthy description in the biggest circle and as a part of legend can’t be treated with preattentive processing.
  • The proportionate sizes of circles help a lot in finding instantly which department has the highest or lowest budget.

Five Hat Racks[edit]

There are five ways to organize information: category (similarity relatedness), time (chronological sequence), location (geographical or spatial references), alphabet (alphabetical sequence), and continuum (magnitude; highest to lowest, best to worse) [Truong, 2005]”.

  • Category (similarity relatedness): Satisfies as far as the depiction of budget in different departments is concerned. But if you see the sub-departments then this aspect is violated.
  • Time (chronological sequence): This aspect is not applicable for the given visualization, because this shows the budget for one year only.
  • Location (geographical or spatial references): This aspect is also not applicable for the given visualization. Because the visualization does not show the spending of budget in different states. This might be a missing information. Without this information it is assumed that the depicted spending is same across all the states (expenditures on health, education etc.).
  • Alphabet (alphabetical sequence): Arrangement is not alphabetical in the given picture. But it is not necessary that the improvement will be made by introducing alphabetical sequences. Rather some more meaningful sequences should be exploited.
  • Continuum (magnitude; highest to lowest, best to worse): This aspect is successfully used in the picture. See the sizes of circles which are proportionate with the allocated budget.

Visual Clutter[edit]

“Clutter is the state in which excess items, or their representation or organization, lead to a degradation of performance at some task [Rosenholtz et al., 2005]”.

  • It is not possible to visualize all the elements of the given picture on a standard display. There are many circles, and associated descriptions. Perhaps the descriptions can be removed as a default. When user focuses or hovers the mouse, then the circle under focus could be displayed with associated description.
  • On the initial screen, the circular sub-departments can be hidden. Those can be displayed under user control when the user focuses on one or a group of the bigger circles.

Gestalt Laws[edit]

"The Gestalt approach emphasizes that we perceive objects as well-organized patterns rather than separate component parts [Pedroza, 2004]”. Often used Gestalt principles are Proximity, Similarity, Closure and Good Continuation.

  • Proximity: Elements close to each other tend to form groups. This is evident from the picture. The small circles in vicinity of bigger ones tend to form one group. This also reveals the fact that may be the connecting lines were not necessary and are in fact redundant.
  • Similarity: Elements that are similar in some way tend to be grouped together. If we see at the color encodings used, then this aspect seems to be violated. For example, blue parts could be perceived as related, but in fact those are not.
  • Closure: How items are grouped together if they tend to complete a pattern. It seems that this design aspect is not used in the given picture. Instead the author has used explicit connecting lines which in turn increase visual clutter.

Lie Factor[edit]

The “Lie Factor” is a value to describe the relation between the size of effect shown in a graphic and the size of effect shown in the data. "The representation of numbers, as physically measured on the surface of the graphic itself, should be directly proportional to the quantities represented [Tufte, 1991]”.

  • If you look at the relative sizes of circles and the allocated budgets, this aspect is satisfied.

Chart Junk[edit]

"The interior decoration of graphics generates a lot of ink which does not tell the viewer anything new. The purpose of the decoration varies - to make the graphic appear more scientific, to enliven the display, to give the designer an opportunity to exercise artistic skill. Regardless of the cause, it is all non-data-ink or redundant data-ink, and it is often chart junk [Tufte, 1991]”.

  • The connecting lines between circles are chart junk.
  • The descriptions along with meaningful logos are also perhaps chart junk.
  • Black background is making it diffciult to focus the eyes on the graphic.
  • Percentages might be more helpful for initial overview instead of writing exact amount in dollars.

Data-Ink Ratio[edit]

"A large share of ink on a graphic should present data-information, the ink changing as the data change. Data-ink is the non-erasable core of a graphic, the non-redundant ink arranged in response to variation in the numbers represented [Tufte, 1991].”

  • Excessive color is used for the background (all black), which is making it difficult to focus the eyes on the useful data.
  • Space is wasted by displaying the complete logos mentioning long redundant texts, for example “United States of America” on many logos. It could be mentioned at a single location that the picture is all about USA.
  • The description written inside the biggest circle should be moved away from the graphics. This would also make this circle smaller in size, which is not showing any data.
  • The non-data ink which is used to elaborate or decorate the picture is also in excess.

Color Coding / Color[edit]

Colors can be used intelligently to encode information in the picture. In the given picture the color encoding is used extensively but it is intermixed and got confused. For example, the circular sections for army, air force and navy all have different colors in spite of the fact that the sections are interrelated, for example R&D, Personnel, Operations etc. Thus principle of consistency is violated.

Aesthetic-Usability Effect[edit]

“The Aesthetic-Usability Effect is a condition whereby users perceive more aesthetically pleasing designs to be easier to use than less aesthetically pleasing designs [markboulton.co.uk]”. Probably, the other design elements also play their part in making a product aesthetic.

  • The rule of Golden ratio is apparently violated. This is evident if we look at the proportions of circles to one another. Their sizes are perfectly in proportion to the allocated budget, but their sizes realtive to one another vis-a-vis the rule of Golden Ratio is not observed. Two quantities are said to be in the golden ratio, if "the whole is to the larger as the larger is to the smaller"[Golden ratio].”
  • If the black background is removed, then the existing picture is not bad as far as aesthetics are concerned.

Ockham's Razor / Occam's Razor / Principle of Simplicity[edit]

According to rules elaborated by William of Ockham in his works [Hoffmann et al., 1997];

  • It is futile to do with more what can be done with fewer. Quite meaningful logos are used, but the descriptions of the departments are also mentioned. One of these could be avoided.
  • When a proposition comes out true for things, if two things suffice for its truth, it is superfluous to assume a third. It is related with insight, which is missing or is not easily perceivable from the existing picture.
  • Plurality should not be assumed without necessity. ???
  • No plurality should be assumed unless it can be proved (a) by reason, or (b) by experience, or (c) by some infallible authority. ???

Layout[edit]

An efficient layout can be used to interactively visualize a complex visualization. In the given picture, if we use for example grid layout then its usability can be increased. It can be used to provide focus+context at the same time. In one layout window, whole picture can be shown like the existing one. While on another one, the focused part can be shown in a magnified way. However, the initial overview for the division into military and non/military spending is possible instantly.

Hello there from New York!! Now i am bored to death (blank) (blank) in work so I chose to view your blog on my small new iphone4 dnirug lunch break. I really enjoy the data you deliver here and cannot wait to take a look when I get home. I am surprised at how fast your blog site loaded on my cell phone .. I'm not even using Wireless, simply third generation .. Anyway, superb site!

Conclusions and suggestions[edit]

Suggestion 1[edit]

The Visualization itself is not so bad, but only good for print version. The diameters of the different circles gives a good overview of the dispersion of the budget. The problem is that no one can read the name of the different departments. Only when you zoon in the picture you can read it, but then you loos the overview. One approaches to improve the print version is e.g. to change the background colour.

But to improve the understanding of the picture we suggest a dynamic visualization! The problem of the data set is that there are too many different departments and sub-departments. They can not be displayed in a normal diagram. There are up to 200 departments with nearly the same budget and with a normal diagram e.g. scatter plots there is no chance to distinguish the different departments and there are no specific information which can be derived from that kind of visualization.

Our approach is to use a SunBurst [SunBurst] like visualization. SunBurst is good to visualize hierarchies with a lot of data. The benefit of this technique is that you can easily compare different departments and sub-departments. The sizes of the different parts represent the budget. The different parts can be labelled with the $ amount or with % from the total budget and/or the Budget of the super-department.

The aim of this visualization is to compare different departments. You can go deeper to one sub-department and then compare two or more of them. It is also possible to get a total overview of all apartments by expanding all of the sub-departments. The drawback of this visualization is that departments with very little budget are nearly invisible in the circle. This disadvantage can be solved by dynamically colour or highlight different parts of the data. Another improvement could be to add a second or third view to the SunBurst visualization. These views could be a simple tree (like the explorer) or a Gaussian distribution of the budget. The data sets are the departments with their budget. With this visualization you can see how many departments have which amount of budget. By selecting a rage of the Gaussian distortion the relevant departments are expanded in the SunBurst and highlited in the explorer-tree. It sould be also possible to show the detail data e.g. name, amount of budger, etc. when you move your mouse over a part of the SunBurst Visualization.

This visualization approach reduces the drawback of the original one where the different departments are not so easy to compare.

Multiple view approach (click on image for larger version)
Multiple view approach with expanded sub-node(click on image for larger version)

Suggestion 2[edit]

The big horizontal rectangle encapsulates other square/rectangle sub deparment and each of them encapsulates dispersion of the budget in billion dollar. Each of them has different size by its ration. If that visualization should still in the detail, then The visualization in Stern can not readable and drawback of this visualization is that departments with very little budget are nearly invisible in the stern. This disadvantage can be solved by small abbreviations, such as: F-22R for “ F-22 Raptor - 5,170 Billion” and C-17TA for “ C-17 Transport Aircraft - 3,686 Billion”


(click on image for larger version)

Suggestion 3[edit]

Yet another approach for visualizing the "Budget and Taxes" is as follows. It presents the idea, not the whole graphic with actual figures. It uses the tree map approach.

  • The big vertical rectangle encapsulates the directly section wise budget allocations (like R&D, Operations, etc.).
  • Standard colors (navy blue for Navy, Grey for Air Force, Brown for Army) are used.
  • Each horizonontal section is further proportionately divided between the three forces.
  • A few sections which are common and hence equivalent to all the forces are drawn at the top (Others DOD and Defence wide). Since they are assumed to contribute equivalently towards other departments, therefore, all forces Navy, Army and Air Force are equally spaced there.
  • Within each rectangular block of a force, further small blocks are made for showing small spendings on AEGIS destroyer, Super Hornet etc. Their sizes are also assumed to be proportional to their allocated budget. Due to space limitation, these are given numbers 1,2,3... Upon mouse click these can be further zoomed-in, or their description can be specified in the legend.
  • Alongwith actual budget amount, the idea to show it in terms of different percentages, is employed. People are often interested in these kind of percentages when they are looking at budget.

Based upon this approach, rest of the graphic for military and non-military spendings can also be efficiently represented. Although not the perfect one, however it removes some of the defficiencies of the existing visualization. Now the user has a better and quick overview, with details.

Resources[edit]

[Golden ratio] http://www.absoluteastronomy.com/encyclopedia/g/go/golden_ratio.htm

[SunBurst] http://www.cc.gatech.edu/gvu/ii/sunburst/

[Healey et al., 2005] Christopher G. Healey, Kellog S. Booth and James T. Enns - High-Speed Visual Estimation Using Preattentive Processing - The University of British Columbia, June 1996 - Access Date: 24.October.2005. http://www.csc.ncsu.edu/faculty/healey/download/tochi.96.pdf

[Hoffmann et al., 1997] Roald Hoffmann, Vladimir I. Minkin, Barry K. Carpenter, Ockham's Razor and Chemistry, HYLE--International Journal for Philosophy of Chemistry, Vol. 3 (1997), Retrieved at: October 24, 2005, http://www.hyle.org/journal/issues/3/hoffman.htm

[Mark Boulton, March 06, 2005] Journal, Aesthetic-Usability Effect http://www.markboulton.co.uk/journal/comments/aesthetic_usability_effect/

[Pedroza, 2004] Carlos Pedroza, The Encyclopedia of Educational Technology, San Diego State University. Access Date: 21 October 2005, http://coe.sdsu.edu/eet/articles/visualperc1/start.htm

[Rosenholtz et al., 2005] Ruth Rosenholtz, Yuanzhen Li, Jonathan Mansfield, and Zhenlan Jin. Feature Congestion: A Measure of Display Clutter. http://web.mit.edu/rruth/www/Papers/RosenholtzEtAlCHI2005Clutter.pdf

[Truong, 2005] Donny Truong, “Universal Principles of design” Access Date: 21. Oktober 2005 http://www.visualgui.com/index.php?p=1

[Tufte, 1991] Edward Tufte, The Visual Display of Quantitative Information, Second Edition, Graphics Press, USA, 1991.