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

From InfoVis:Wiki
Jump to navigation Jump to search
m (Reverted edit of Yj3Xzq, changed back to last version by Iwolf)
mNo edit summary
Line 1: Line 1:
= Poor Graphic =
[http://bakadeshi.ifrance.com/img/styles/donne-con.html donne con seno rifatto] [http://competitio.ifrance.com/celebrita-nuda/ celebrita nuda] [http://cincydj.ifrance.com/images/small/calciatore-nudo/ calciatore nudo] [http://elixirium.ifrance.com/lib/serena-grandi.html serena grandi nuda] [http://jnk713.ifrance.com/img/styles/foto-bisexual/ foto bisexual] [http://tulip123456.ifrance.com/topic/nudi-d.html nudi d autore] [http://adrienneee.ifrance.com/blog/figa-spiata/ figa spiata gratis] [http://jnk713.ifrance.com/img/styles/elisabetta-canalis/ elisabetta canalis recentemente] [http://spirit-psyki.ifrance.com/lib/sexo-amateur.html sexo amateur] [http://elixirium.ifrance.com/lib/disney-sex.html disney sex] [http://furrysoap.ifrance.com/donne-nudissime/ donne nudissime] [http://spirit-psyki.ifrance.com/lib/foto-sexsi.html foto sexsi] [http://competitio.ifrance.com/bdsm-gratis/ bdsm gratis] [http://furrysoap.ifrance.com/vip-naked/ vip naked] [http://adrienneee.ifrance.com/blog/graham-george/ graham, george] [http://adrienneee.ifrance.com/blog/celebrita-nude/ celebrita nude gratis] [http://competitio.ifrance.com/mujeres-al/ mujeres al desnudo] [http://competitio.ifrance.com/film-gay/ film gay gratis] [http://doctorpinkerton.ifrance.com/lib/donne-islamiche/ donne islamiche] [http://cincydj.ifrance.com/images/small/racconti-incesto/ racconti incesto padre figlia] [http://cincydj.ifrance.com/images/small/sesso-cinese/ sesso cinese] [http://bakadeshi.ifrance.com/img/styles/www-arabic.html www arabic sex com] [http://doctorpinkerton.ifrance.com/lib/hunziker-nuda/ hunziker nuda] [http://furrysoap.ifrance.com/www-donne/ www donne esperte it] [http://bakadeshi.ifrance.com/img/styles/naked-italian.html naked italian women] [http://cincydj.ifrance.com/images/small/kati-nuda/ kati nuda] [http://tulip123456.ifrance.com/topic/modem-analogico.html modem analogico wireless] [http://adrienneee.ifrance.com/blog/juegos-gratis/ juegos gratis com] [http://furrysoap.ifrance.com/immagini-video/ immagini video nudi gratis] [http://cincydj.ifrance.com/images/small/analisi-testo/ analisi testo poetico] [http://adrienneee.ifrance.com/blog/visi-di/ visi di donne] [http://adrienneee.ifrance.com/blog/download-gioco/ download gioco gratis gameboy advance] [http://mi-kkiechang.ifrance.com/foto-sexy.html foto sexy di sarah michelle gellar] [http://furrysoap.ifrance.com/le-tette/ le tette di nadia] [http://adrienneee.ifrance.com/blog/catania-sesso/ catania sesso] [http://bakadeshi.ifrance.com/img/styles/racconti-erotici.html racconti erotici spinti] [http://competitio.ifrance.com/video-sex/ video sex sex] [http://cincydj.ifrance.com/images/small/sexy/ sexy] [http://tulip123456.ifrance.com/topic/gratis-pam.html gratis pam e tommy] [http://bakadeshi.ifrance.com/img/styles/calendario-paola.html calendario paola perego] [http://bakadeshi.ifrance.com/img/styles/impiegata-ufficio.html impiegata ufficio vendite appartenente alle categorie protette (regione lombardia - milano provincia] [http://spirit-psyki.ifrance.com/lib/song-fuck.html song fuck you right back] [http://jnk713.ifrance.com/img/styles/donne-famose/ donne famose che fanno trampling] [http://end14april.ifrance.com/blog/playboy-the.html playboy the mansion xbox] [http://end14april.ifrance.com/blog/fuck-the.html fuck the girl] [http://cincydj.ifrance.com/images/small/karaoke-gratis/ karaoke gratis dragonstea din tei] [http://jnk713.ifrance.com/img/styles/drunk-sex/ drunk sex] [http://mi-kkiechang.ifrance.com/canale-centrale.html canale centrale] [http://elixirium.ifrance.com/lib/neo-spray.html neo spray caf aerosol 200 ml] [http://end14april.ifrance.com/blog/madre-figlio.html madre figlio sesso] [http://end14april.ifrance.com/blog/foto-nuda.html foto nuda di cristina chiabotto] [http://mi-kkiechang.ifrance.com/alta-gay.html alta gay] [http://cincydj.ifrance.com/images/small/india-sex/ india sex] [http://jnk713.ifrance.com/img/styles/kaki-sex/ kaki sex] [http://furrysoap.ifrance.com/www-blackgirls/ www blackgirls] [http://spirit-psyki.ifrance.com/lib/emma-watson.html emma watson porno nuda] [http://end14april.ifrance.com/blog/boy-adult.html boy adult] [http://mi-kkiechang.ifrance.com/lolite-supersexy.html lolite supersexy] [http://doctorpinkerton.ifrance.com/lib/canale-centrale/ canale centrale yamaha] [http://doctorpinkerton.ifrance.com/lib/ragazze-di/ ragazze di colore nude] [http://adrienneee.ifrance.com/blog/messaggi-gay/ messaggi gay milano] [http://bakadeshi.ifrance.com/img/styles/scambio-coppie.html scambio coppie video gratis] [http://elixirium.ifrance.com/lib/george-michael.html george michael amazing karaoke midi] [http://end14april.ifrance.com/blog/foto-di.html foto di nudo famosi] [http://cincydj.ifrance.com/images/small/viseo-sesso/ viseo sesso] [http://competitio.ifrance.com/girls-iran/ girls iran] [http://end14april.ifrance.com/blog/piedi-foto.html piedi foto gratis] [http://adrienneee.ifrance.com/blog/transex-free/ transex free picture] [http://cincydj.ifrance.com/images/small/calendari-di/ calendari di nudi gratis] [http://jnk713.ifrance.com/img/styles/www-altos/ www altos cumbieros] [http://cincydj.ifrance.com/images/small/foto-di/ foto di nudi gratis] [http://cincydj.ifrance.com/images/small/donne-che/ donne che cercano uomini] [http://jnk713.ifrance.com/img/styles/ricevitore-gps/ ricevitore gps 20 canali] [http://end14april.ifrance.com/blog/donne-col.html donne col culo sfondato] [http://doctorpinkerton.ifrance.com/lib/ragazza-di/ ragazza di rimini che vuole fare sesso] [http://furrysoap.ifrance.com/fbi-sesso/ f.b.i. sesso e violenza] [http://adrienneee.ifrance.com/blog/toto-di/ toto di trans nude e orge] [http://cincydj.ifrance.com/images/small/monica-roccaforte/ monica roccaforte nuda] [http://adrienneee.ifrance.com/blog/mittellandkanal/ mittellandkanal] [http://tulip123456.ifrance.com/topic/di-eamon.html di eamon fuck it] [http://elixirium.ifrance.com/lib/basi-musicali.html basi musicali gratis] [http://furrysoap.ifrance.com/annunci-gay/ annunci gay con telefono] [http://tulip123456.ifrance.com/topic/cori-alpini.html cori alpini gratis] [http://furrysoap.ifrance.com/manga-manga/ manga manga porno] [http://end14april.ifrance.com/blog/paris-hilton.html paris hilton get fucked] [http://jnk713.ifrance.com/img/styles/foto-sport/ foto sport ragazze olandesi] [http://furrysoap.ifrance.com/kirsten-caroline/ kirsten caroline nuda] [http://doctorpinkerton.ifrance.com/lib/vdeo-sesso/ vdeo sesso gratis] [http://bakadeshi.ifrance.com/img/styles/sex-xxl.html sex xxl] [http://competitio.ifrance.com/video-porno/ video porno privati] [http://tulip123456.ifrance.com/topic/giocatori-gay.html giocatori gay] [http://elixirium.ifrance.com/lib/darley-george.html darley, george] [http://tulip123456.ifrance.com/topic/fuck-it.html fuck it autore eamon] [http://cincydj.ifrance.com/images/small/gratis-v/ gratis v viaccess key page html] [http://furrysoap.ifrance.com/scaricare-file/ scaricare file porno] [http://furrysoap.ifrance.com/fotos-di/ fotos di monica belluci nuda] [http://elixirium.ifrance.com/lib/foto-gratis.html foto gratis pompino] [http://bakadeshi.ifrance.com/img/styles/foto-donne.html foto donne arapate] [http://competitio.ifrance.com/dediche-ragazze/ dediche ragazze] [http://bakadeshi.ifrance.com/img/styles/videos-porno.html videos porno de mujeres] [http://cincydj.ifrance.com/images/small/copertine-per/ copertine per cd gratis] [http://end14april.ifrance.com/blog/cabaleros-del.html cabaleros del zodiaco] [http://jnk713.ifrance.com/img/styles/orgasmo-bianco/ orgasmo bianco] [http://competitio.ifrance.com/xxx-animal/ xxx animal video] [http://competitio.ifrance.com/hard-italiano/ hard italiano gratis] [http://competitio.ifrance.com/cartoni-and/ cartoni and porno] [http://cincydj.ifrance.com/images/small/videogioco-erotici/ videogioco erotici] [http://competitio.ifrance.com/pornodive-italiane/ pornodive italiane] [http://jnk713.ifrance.com/img/styles/gioco-carta/ gioco carta scaricare gratis] [http://elixirium.ifrance.com/lib/nudi-al.html nudi al mare] [http://elixirium.ifrance.com/lib/i-dont.html i dont wanna know mp3 gratis] [http://bakadeshi.ifrance.com/img/styles/cartoniporno.html cartoniporno] [http://cincydj.ifrance.com/images/small/caparezza-gratis/ caparezza gratis] [http://jnk713.ifrance.com/img/styles/emozione-eros/ emozione eros] [http://competitio.ifrance.com/foto-porno/ foto porno fatte col telefonino] [http://elixirium.ifrance.com/lib/forced-sex.html forced sex] [http://doctorpinkerton.ifrance.com/lib/carrie-anne/ carrie anne moss nuda] [http://elixirium.ifrance.com/lib/enanas-porno.html enanas porno] [http://cincydj.ifrance.com/images/small/foto-nude/ foto nude di donne vecchie] [http://adrienneee.ifrance.com/blog/donne-in/ donne in strade] [http://furrysoap.ifrance.com/download-simgirls/ download simgirls] [http://spirit-psyki.ifrance.com/lib/silvia-xxx.html silvia xxx] [http://doctorpinkerton.ifrance.com/lib/analitiche-lingue/ analitiche, lingue] [http://jnk713.ifrance.com/img/styles/donne-che/ donne che scopano animali] [http://adrienneee.ifrance.com/blog/bacio-tra/ bacio tra donne] [http://competitio.ifrance.com/toon-playboy/ toon playboy com] [http://furrysoap.ifrance.com/pokemon-advance/ pokemon advance xxx] [http://spirit-psyki.ifrance.com/lib/nudi-muscolosi.html nudi muscolosi] [http://bakadeshi.ifrance.com/img/styles/cerco-foto.html cerco foto di donne comuni in topless] [http://bakadeshi.ifrance.com/img/styles/loghi-nokia.html loghi nokia gratis] [http://cincydj.ifrance.com/images/small/fuck-video/ fuck video] [http://mi-kkiechang.ifrance.com/camgirls.html camgirls] [http://tulip123456.ifrance.com/topic/millionair-sex.html millionair sex] [http://cincydj.ifrance.com/images/small/orgasmi-femminile/ orgasmi femminile] [http://furrysoap.ifrance.com/storia-di/ storia di sesso] [http://furrysoap.ifrance.com/xxx-porno/ xxx porno photos] [http://elixirium.ifrance.com/lib/sex-vedio.html sex vedio clip] [http://tulip123456.ifrance.com/topic/fuck-itt.html fuck itt traduzione] [http://adrienneee.ifrance.com/blog/sesso-con/ sesso con mia zia] [http://doctorpinkerton.ifrance.com/lib/transessuali-non/ transessuali non mercenari] [http://furrysoap.ifrance.com/freud-la/ freud la psicanalisi] [http://elixirium.ifrance.com/lib/film-dvx.html film dvx gratis] [http://mi-kkiechang.ifrance.com/canzoni-karaoke.html canzoni karaoke gratis] [http://tulip123456.ifrance.com/topic/eamon-fuck.html eamon fuck you] [http://furrysoap.ifrance.com/older-woman/ older woman gratis] [http://competitio.ifrance.com/evangelion-porno/ evangelion porno] [http://bakadeshi.ifrance.com/img/styles/granny-porno.html granny porno] [http://competitio.ifrance.com/sexy-fumetti/ sexy fumetti] [http://bakadeshi.ifrance.com/img/styles/pornostar-angelica.html pornostar angelica bella] [http://tulip123456.ifrance.com/topic/film-porno.html film porno teen] [http://doctorpinkerton.ifrance.com/lib/film-porno/ film porno amatoriali] [http://furrysoap.ifrance.com/racconti-di/ racconti di donne che parlino di sesso] [http://cincydj.ifrance.com/images/small/paola-cardullo/ paola cardullo] [http://elixirium.ifrance.com/lib/froci-porno.html froci porno] [http://adrienneee.ifrance.com/blog/donne-piu/ donne piu anziane] [http://cincydj.ifrance.com/images/small/sexos/ sexos] [http://cincydj.ifrance.com/images/small/vide-porno/ vide porno gartis] [http://bakadeshi.ifrance.com/img/styles/grande-fratello.html grande fratello sexy] [http://mi-kkiechang.ifrance.com/donne-over.html donne over 60] [http://furrysoap.ifrance.com/radio-karaoke/ radio karaoke gratis midi e basi music] [http://bakadeshi.ifrance.com/img/styles/eros-ramazotti.html eros ramazotti] [http://competitio.ifrance.com/mp-gratis/ mp3 gratis x60] [http://furrysoap.ifrance.com/fucking-machine/ fucking machine] [http://bakadeshi.ifrance.com/img/styles/donne-in.html donne in reggicalze] [http://tulip123456.ifrance.com/topic/immagini-di.html immagini di uomini nudi] [http://end14april.ifrance.com/blog/selezione-attori.html selezione attori porno] [http://furrysoap.ifrance.com/programmigratis/ programmigratis] [http://furrysoap.ifrance.com/donne-foto/ donne foto giapponesi nude] [http://bakadeshi.ifrance.com/img/styles/video-amatoriali.html video amatoriali di sesso] [http://bakadeshi.ifrance.com/img/styles/www-wordsex.html www wordsex com] [http://furrysoap.ifrance.com/vogliose-di/ vogliose di sesso] [http://end14april.ifrance.com/blog/fergie-ferguson.html fergie ferguson foto gratis] [http://mi-kkiechang.ifrance.com/nuda-woman.html nuda woman] [http://end14april.ifrance.com/blog/problemi-e.html problemi e prospettive per la promozione di un turismo sostenibile attraverso lanalisi di un caso (] [http://tulip123456.ifrance.com/topic/www-porno.html www porno manga it] [http://doctorpinkerton.ifrance.com/lib/real-naste/ real naste girls] [http://competitio.ifrance.com/fuck-it/ fuck it versione femminile] [http://doctorpinkerton.ifrance.com/lib/kara-davis/ kara davis nuda] [http://jnk713.ifrance.com/img/styles/sesso-a/ sesso a palermo] [http://competitio.ifrance.com/older-gay/ older gay] [http://jnk713.ifrance.com/img/styles/sex-gallery/ sex gallery] [http://end14april.ifrance.com/blog/sexo-virtual.html sexo virtual com] [http://adrienneee.ifrance.com/blog/donne-non/ donne non celebri nude] [http://adrienneee.ifrance.com/blog/girl-version/ girl version fuckit] [http://end14april.ifrance.com/blog/hentai-teen.html hentai teen] [http://tulip123456.ifrance.com/topic/l-arte.html l arte di trattare le donne] [http://adrienneee.ifrance.com/blog/baywatch-nudo/ baywatch nudo] [http://spirit-psyki.ifrance.com/lib/george-michael.html george michael ladies gentleman] [http://spirit-psyki.ifrance.com/lib/canale-centrale.html canale centrale infinity] [http://adrienneee.ifrance.com/blog/cover-film/ cover film porno] [http://end14april.ifrance.com/blog/flavia-miller.html flavia miller video porno] [http://spirit-psyki.ifrance.com/lib/fat-fuck.html fat fuck] [http://furrysoap.ifrance.com/www-tutto/ www tutto porno it] [http://bakadeshi.ifrance.com/img/styles/nudi-calciatori.html nudi calciatori in spogliatoio] [http://spirit-psyki.ifrance.com/lib/insorgete.html insorgete] [http://cincydj.ifrance.com/images/small/ragazze-nude/ ragazze nude gratis] [http://tulip123456.ifrance.com/topic/trucchi-di.html trucchi di tomb raider gratis] [http://tulip123456.ifrance.com/topic/gioco-erotico.html gioco erotico on line gratis] [http://adrienneee.ifrance.com/blog/veronica-vanoza/ veronica vanoza] [http://cincydj.ifrance.com/images/small/michelle-hunziker/ michelle hunziker nuda] = 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&D, Personnel, Operations etc.  Thus principle of consistency is violated.
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
 
== [[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.
 
= Summary =
 
More than one solutions can be adapted. Either an altogether new and improved visualization could be designed by taking care of existing deficiencies, or the existing picture could be improved by taking into account the following refinements.
 
* Remove black background
 
* Remove unnecessary circles
 
* Remove connecting lines
 
* Remove redundant descriptions where meaningful logos suffice
 
* Introduce %ages
 
* Use consistent color for similar sub-departments
 
* Make it possible to visulaize the information collectively under separate meaningful heads. For example, budget allocation for R&D, budget allocation for Maintenence etc.
 
= 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.

Revision as of 02:54, 29 August 2007

donne con seno rifatto celebrita nuda calciatore nudo serena grandi nuda foto bisexual nudi d autore figa spiata gratis elisabetta canalis recentemente sexo amateur disney sex donne nudissime foto sexsi bdsm gratis vip naked graham, george celebrita nude gratis mujeres al desnudo film gay gratis donne islamiche racconti incesto padre figlia sesso cinese www arabic sex com hunziker nuda www donne esperte it naked italian women kati nuda modem analogico wireless juegos gratis com immagini video nudi gratis analisi testo poetico visi di donne download gioco gratis gameboy advance foto sexy di sarah michelle gellar le tette di nadia catania sesso racconti erotici spinti video sex sex sexy gratis pam e tommy calendario paola perego impiegata ufficio vendite appartenente alle categorie protette (regione lombardia - milano provincia song fuck you right back donne famose che fanno trampling playboy the mansion xbox fuck the girl karaoke gratis dragonstea din tei drunk sex canale centrale neo spray caf aerosol 200 ml madre figlio sesso foto nuda di cristina chiabotto alta gay india sex kaki sex www blackgirls emma watson porno nuda boy adult lolite supersexy canale centrale yamaha ragazze di colore nude messaggi gay milano scambio coppie video gratis george michael amazing karaoke midi foto di nudo famosi viseo sesso girls iran piedi foto gratis transex free picture calendari di nudi gratis www altos cumbieros foto di nudi gratis donne che cercano uomini ricevitore gps 20 canali donne col culo sfondato ragazza di rimini che vuole fare sesso f.b.i. sesso e violenza toto di trans nude e orge monica roccaforte nuda mittellandkanal di eamon fuck it basi musicali gratis annunci gay con telefono cori alpini gratis manga manga porno paris hilton get fucked foto sport ragazze olandesi kirsten caroline nuda vdeo sesso gratis sex xxl video porno privati giocatori gay darley, george fuck it autore eamon gratis v viaccess key page html scaricare file porno fotos di monica belluci nuda foto gratis pompino foto donne arapate dediche ragazze videos porno de mujeres copertine per cd gratis cabaleros del zodiaco orgasmo bianco xxx animal video hard italiano gratis cartoni and porno videogioco erotici pornodive italiane gioco carta scaricare gratis nudi al mare i dont wanna know mp3 gratis cartoniporno caparezza gratis emozione eros foto porno fatte col telefonino forced sex carrie anne moss nuda enanas porno foto nude di donne vecchie donne in strade download simgirls silvia xxx analitiche, lingue donne che scopano animali bacio tra donne toon playboy com pokemon advance xxx nudi muscolosi cerco foto di donne comuni in topless loghi nokia gratis fuck video camgirls millionair sex orgasmi femminile storia di sesso xxx porno photos sex vedio clip fuck itt traduzione sesso con mia zia transessuali non mercenari freud la psicanalisi film dvx gratis canzoni karaoke gratis eamon fuck you older woman gratis evangelion porno granny porno sexy fumetti pornostar angelica bella film porno teen film porno amatoriali racconti di donne che parlino di sesso paola cardullo froci porno donne piu anziane sexos vide porno gartis grande fratello sexy donne over 60 radio karaoke gratis midi e basi music eros ramazotti mp3 gratis x60 fucking machine donne in reggicalze immagini di uomini nudi selezione attori porno programmigratis donne foto giapponesi nude video amatoriali di sesso www wordsex com vogliose di sesso fergie ferguson foto gratis nuda woman problemi e prospettive per la promozione di un turismo sostenibile attraverso lanalisi di un caso ( www porno manga it real naste girls fuck it versione femminile kara davis nuda sesso a palermo older gay sex gallery sexo virtual com donne non celebri nude girl version fuckit hentai teen l arte di trattare le donne baywatch nudo george michael ladies gentleman canale centrale infinity cover film porno flavia miller video porno fat fuck www tutto porno it nudi calciatori in spogliatoio insorgete ragazze nude gratis trucchi di tomb raider gratis gioco erotico on line gratis veronica vanoza michelle hunziker nuda = Poor Graphic =

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

Drawbacks / Critical analysis

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

“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

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

“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

"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

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

"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

"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

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