InfoVis:Wiki - User contributions [en]

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01 - Aufgabe 3 - Technique

2007-08-30T00:01:26Z

Bc8Qgi:

[http://budget7i.info/lib/lettore-dvd/ lettore dvd home theatre] [http://wedner.info/content/view/pentium-.htm pentium 2 8 ghz] [http://soler.net.cn/data/la-bella.htm la bella americana] [http://budget7i.info/lib/numanuma-yei/ numanuma yei] [http://xionny.cn/topic/formazione-keyword/ formazione keyword] [http://primonona.info/content/view/lavastoviglie-ariston/ lavastoviglie ariston 700] [http://manoke.cn/topic/echinocyamus/ echinocyamus] [http://polex.com.cn/resources/articles/www-freefoto.htm www freefoto cz] [http://soler.net.cn/data/no-le.htm no le temas e el] [http://svike.info/view/new/occhiali-oakley.htm occhiali oakley half jacket] [http://svike.info/view/new/testo-della.htm testo della canzone universal prayer] [http://sneck.info/data/italiano-belo/ italiano belo] [http://polex.com.cn/resources/articles/karabogazgol.htm kara-bogaz-gol] [http://polex.com.cn/resources/articles/videolan.htm videolan] [http://funkall.us/images/small/stacy-fergusson/ stacy fergusson] [http://polex.com.cn/resources/articles/jedem-osiem.htm jedem osiem l] [http://sneck.info/data/flyairone-it/ flyairone it] [http://klohy.info/img/styles/la-perla.htm la perla preziosa] [http://svike.info/view/new/petlust-com.htm petlust com] [http://budget7i.info/lib/signore-anelli/ signore anelli mortensen] [http://soler.net.cn/data/maxtor-.htm maxtor 60 gb hard disk e floppy] [http://funkall.us/images/small/le-canzoni/ le canzoni di gigi d alessio] [http://budget7i.info/lib/scegli-me/ scegli me download] [http://joperan.org/data/jump-for/ jump for joy] [http://soler.net.cn/data/la-canzone.htm la canzone del sle] [http://budget7i.info/lib/serial-ata/ serial ata] [http://manoke.cn/topic/presents-pure/ presents pure intec] [http://polex.com.cn/resources/articles/scuola-cocktail.htm scuola cocktail] [http://xionny.cn/topic/filmati-ard/ filmati ard gratis] [http://xionny.cn/topic/i-beans/ i beans] [http://joperan.org/data/www-sexicasalinghe/ www sexicasalinghe com] [http://primonona.info/content/view/dai-sbirro/ dai sbirro] [http://soler.net.cn/data/canon-ef.htm canon ef 17-40 l usm] [http://manoke.cn/topic/computer-fujitsu/ computer fujitsu siemens] [http://funkall.us/images/small/trust-k/ trust 56k v92 bluetooth wireless modem] [http://veggis.org.cn/resources/articles/asian-model.htm asian model] [http://primonona.info/content/view/zucchero-indaco/ zucchero indaco] [http://svike.info/view/new/tocantins.htm tocantins] [http://manoke.cn/topic/nikon-mbe/ nikon mb-e5700] [http://soler.net.cn/data/sexo-vedetes.htm sexo vedetes peruanas famosas] [http://funkall.us/images/small/light-meter/ light meter] [http://primonona.info/content/view/fagetum/ fagetum] [http://polex.com.cn/resources/articles/upa-dance.htm upa dance once again] [http://joperan.org/data/hetai-puzzle/ hetai puzzle] [http://joperan.org/data/cagliatura/ cagliatura] [http://polex.com.cn/resources/articles/web-hosting.htm web hosting provider] [http://svike.info/view/new/norad.htm norad] [http://budget7i.info/lib/breakup/ break-up] [http://veggis.org.cn/resources/articles/palm.htm palm 71] [http://veggis.org.cn/resources/articles/videocamera-dvd.htm videocamera dvd92 sony] [http://klohy.info/img/styles/siemens-amilo.htm siemens amilo d 1845] [http://veggis.org.cn/resources/articles/frasi-anni.htm frasi 18anni] [http://budget7i.info/lib/tetas-gratis/ tetas gratis] [http://klohy.info/img/styles/scaricare-film.htm scaricare film gratuiti] [http://funkall.us/images/small/audio-key/ audio key mp3 packard bell] [http://joperan.org/data/sbloccare-un/ sbloccare un telefono nokia 72] [http://budget7i.info/lib/mp-dance/ mp3 dance gratis] [http://polex.com.cn/resources/articles/skins-be.htm skins be] [http://xionny.cn/topic/viajes-com/ viajes com mx] [http://svike.info/view/new/ugo-foscolo.htm ugo foscolo vita e opere] [http://veggis.org.cn/resources/articles/vacanza-affitti.htm vacanza affitti] [http://manoke.cn/topic/volume-sfera/ volume sfera] [http://manoke.cn/topic/pc-ddr/ pc2-4200 ddr2 so-dimm] [http://veggis.org.cn/resources/articles/gagra.htm gagra] [http://xionny.cn/topic/trombone-pistoni/ trombone pistoni] [http://klohy.info/img/styles/canon-reflex.htm canon reflex 350d] [http://joperan.org/data/roma-perth/ roma perth australia biglietti aerei] [http://wedner.info/content/view/discoteca-erotica.htm discoteca erotica] [http://veggis.org.cn/resources/articles/sexi-anal.htm sexi anal] [http://veggis.org.cn/resources/articles/aeg-elettrodomestici.htm aeg elettrodomestici] [http://xionny.cn/topic/chacalon-yunior/ chacalon yunior] [http://soler.net.cn/data/hard-disk.htm hard disk esterno 160 gb 3 5] [http://polex.com.cn/resources/articles/falco-live.htm falco. live] [http://klohy.info/img/styles/gori-vatra.htm gori vatra] [http://primonona.info/content/view/trucchi-pokemon/ trucchi pokemon smeraldo] [http://xionny.cn/topic/live-roma/ live roma] [http://veggis.org.cn/resources/articles/foto-pancioni.htm foto pancioni] [http://primonona.info/content/view/tx-sedna/ tx sedna] [http://klohy.info/img/styles/steve-morris.htm steve morris] [http://svike.info/view/new/good-morning.htm good morning vietnam film dvd] [http://funkall.us/images/small/filtro-accessori/ filtro accessori auto e moto] [http://primonona.info/content/view/lettore-mp/ lettore mp3 cellulare] [http://veggis.org.cn/resources/articles/napoli-donne.htm napoli donne] [http://joperan.org/data/movenpick-hotel/ movenpick hotel sharm el-sheikh] [http://soler.net.cn/data/monster-jam.htm monster jam] [http://funkall.us/images/small/seggiolini-gruppo/ seggiolini gruppo 1] [http://manoke.cn/topic/rsmmc-kingston/ rs-mmc kingston 512 dual] [http://klohy.info/img/styles/abbigliamento-arbitro.htm abbigliamento arbitro calcio maglia] [http://manoke.cn/topic/prenotazione-albergo/ prenotazione albergo zurigo] [http://soler.net.cn/data/animali-papere.htm animali papere] [http://soler.net.cn/data/nortek-bluetooth.htm nortek bluetooth dongle] [http://budget7i.info/lib/masacre-en/ masacre en rusia] [http://klohy.info/img/styles/microsoft-visual.htm microsoft visual studio tools for] [http://polex.com.cn/resources/articles/tagliatelle-di.htm tagliatelle di nonna pian] [http://soler.net.cn/data/pallottola-spuntata.htm pallottola spuntata] [http://primonona.info/content/view/seagate-stas/ seagate st3400832as] [http://soler.net.cn/data/webcam-.htm webcam 1 3 megapixel] [http://svike.info/view/new/tema-sul.htm tema sul terrorismo] [http://polex.com.cn/resources/articles/hoover-frigorifero.htm hoover frigorifero] [http://funkall.us/images/small/caiazzo/ caiazzo] [http://xionny.cn/topic/philips-crt/ philips crt 107e61] [http://xionny.cn/topic/moto-scafo/ moto scafo] [http://veggis.org.cn/resources/articles/palmerio.htm palmerio] [http://budget7i.info/lib/vajar-musica/ vajar musica gratis] [http://manoke.cn/topic/sima/ sima 1] [http://funkall.us/images/small/minuto/ minuto] [http://soler.net.cn/data/astyle-tshirt.htm a-style t-shirt] [http://manoke.cn/topic/jeep-cherokee/ jeep cherokee 2 8 crd] [http://svike.info/view/new/lexmark-e.htm lexmark e321] [http://wedner.info/content/view/convegni-a.htm convegni a milano] [http://veggis.org.cn/resources/articles/toolbox.htm toolbox] [http://joperan.org/data/campari/ campari] [http://klohy.info/img/styles/buscar-amigos.htm buscar amigos] [http://klohy.info/img/styles/tomtomgo-navigatori.htm tomtomgo navigatori gps] [http://joperan.org/data/ericsson-p/ ericsson p910 i] [http://budget7i.info/lib/gommapiuma-materassi/ gommapiuma materassi] [http://polex.com.cn/resources/articles/crawford-francis.htm crawford, francis marion] [http://funkall.us/images/small/mercury-the/ mercury the video collection] [http://budget7i.info/lib/un-bacio/ un bacio ti domando] [http://xionny.cn/topic/hit-mania/ hit mania dance estate 2002] [http://xionny.cn/topic/devour-/ devour - il gioco di satana] [http://klohy.info/img/styles/queridas-feras.htm queridas feras] [http://soler.net.cn/data/moto-polizia.htm moto polizia peg perego] [http://budget7i.info/lib/thuban/ thuban] [http://klohy.info/img/styles/polti-vaporetto.htm polti vaporetto lecoaspira 710] [http://veggis.org.cn/resources/articles/majhong-gioco.htm majhong gioco cinese] [http://sneck.info/data/golf-/ golf 4 serie tdi] [http://wedner.info/content/view/registratore-dvd.htm registratore dvd toshiba] [http://sneck.info/data/bikini-bandits/ bikini bandits] [http://sneck.info/data/software-ucds/ software ucds] [http://klohy.info/img/styles/luisa-corna.htm luisa corna] [http://polex.com.cn/resources/articles/macchina-fotografica.htm macchina fotografica konica] [http://budget7i.info/lib/aeroporto-di/ aeroporto di milano] [http://funkall.us/images/small/hotel-a/ hotel a jesolo] [http://svike.info/view/new/usb-pci.htm usb pci] [http://klohy.info/img/styles/passatempi-gratis.htm passatempi gratis] [http://funkall.us/images/small/entwine/ entwine] [http://manoke.cn/topic/toshiba-satellite/ toshiba satellite 760] [http://primonona.info/content/view/svideo-lettori/ s-video lettori dvd] [http://veggis.org.cn/resources/articles/kayak-di.htm kayak di mare] [http://sneck.info/data/siamo-tre/ siamo tre] [http://primonona.info/content/view/bertelli/ bertelli] [http://soler.net.cn/data/kyocera-bps.htm kyocera bp-780s] [http://funkall.us/images/small/fidelity-bolzano/ fidelity bolzano] [http://veggis.org.cn/resources/articles/dimage-z.htm dimage z1 konica minolta] [http://veggis.org.cn/resources/articles/ceramiche-bagno.htm ceramiche bagno] [http://soler.net.cn/data/cassa-amplificatore.htm cassa amplificatore] [http://svike.info/view/new/venti-lucenti.htm venti lucenti] [http://xionny.cn/topic/filecabi/ filecabi] [http://primonona.info/content/view/vacanze-mare/ vacanze mare croazia] [http://primonona.info/content/view/gigi-d/ gigi d agostinio] [http://polex.com.cn/resources/articles/cima-camillo.htm cima, camillo] [http://funkall.us/images/small/quando-soffia/ quando soffia il vento del nord] [http://xionny.cn/topic/here-i/ here i come here i go] [http://svike.info/view/new/eventi-toscana.htm eventi toscana] [http://soler.net.cn/data/www-kbm.htm www kbm it] [http://joperan.org/data/sono-nato/ sono nato ma...] [http://klohy.info/img/styles/campo-di.htm campo di concentramento] [http://wedner.info/content/view/rebel-bandare.htm rebel bandare] [http://veggis.org.cn/resources/articles/ati-radeon.htm ati radeon 32 mb sdr] [http://polex.com.cn/resources/articles/perle-nere.htm perle nere] [http://polex.com.cn/resources/articles/il-segno.htm il segno del pericolo] [http://klohy.info/img/styles/ashley-jones.htm ashley jones nuda] [http://polex.com.cn/resources/articles/blitch-please.htm blitch please] [http://manoke.cn/topic/sunflower/ sunflower] [http://funkall.us/images/small/copertina-pigro/ copertina pigro pino daniele] [http://manoke.cn/topic/sound-blaster/ sound blaster pci] [http://svike.info/view/new/saitek-cyborg.htm saitek cyborg evo force] [http://veggis.org.cn/resources/articles/contratto-d.htm contratto d affitto] [http://soler.net.cn/data/sea-lion.htm sea lion sas] [http://soler.net.cn/data/allegra.htm allegra] [http://svike.info/view/new/nastassja-kinski.htm nastassja kinski] [http://klohy.info/img/styles/hummer.htm hummer] [http://klohy.info/img/styles/eliseo.htm eliseo] [http://xionny.cn/topic/otto-uomini/ otto uomini di ferro] [http://joperan.org/data/lavastovigle-a/ lavastovigle a incasso] [http://primonona.info/content/view/go-fish/ go fish gay] [http://svike.info/view/new/i-racconti.htm i racconti di change 5] [http://polex.com.cn/resources/articles/motorr.htm motorr] [http://klohy.info/img/styles/ultime-foto.htm ultime foto di britney] [http://klohy.info/img/styles/ucfe-com.htm ucfe com] [http://polex.com.cn/resources/articles/www-bravo.htm www bravo jerba it] [http://xionny.cn/topic/solo-musica/ solo musica] [http://xionny.cn/topic/gps-v/ gps v deluxe - italia] [http://funkall.us/images/small/sinead-oconnor/ sinead oconnor. goodnight, thank you, youve been a lovely audience] [http://klohy.info/img/styles/aurumhotel.htm aurumhotel] [http://budget7i.info/lib/apo-mm/ apo 80-400mm f4 5-5 6 ex os] [http://klohy.info/img/styles/nba-basketball.htm nba basketball 2000 nei negozi.] [http://polex.com.cn/resources/articles/tommy-boy.htm tommy boy] [http://xionny.cn/topic/www-highschool/ www highschool com] [http://xionny.cn/topic/sito-di/ sito di italia lavoro] [http://wedner.info/content/view/nuovi-screenshot.htm nuovi screenshot per burnout 3] [http://budget7i.info/lib/volo-aereo/ volo aereo palermo lampedusa] [http://funkall.us/images/small/scuole-toelettatura/ scuole toelettatura] [http://budget7i.info/lib/thermaltake/ thermaltake 775] [http://xionny.cn/topic/camera-amsterdam/ camera amsterdam] [http://joperan.org/data/ver-el/ ver el video de tardes negras] [http://soler.net.cn/data/condizionatori-daikin.htm condizionatori daikin inverter] [http://sneck.info/data/le-furie/ le furie della natura] [http://veggis.org.cn/resources/articles/fiat-panda.htm fiat panda compro roma] == SpiraClock ==

=== Description ===

SpiraClock is a visualization technique using an analog clock and an integrated spiral to show nearby events. It is a combination of the well known time-visualization techniques [[Timeline]] and [[Timeband]] [Dürsteler, 2006] and an enhancement to regular calenders, timetables or pop-up reminders providing a continuous non-intrusive display of upcoming events.

[[Image:Spiraclock_anim.gif|Animated SpiraClock]]

The basic concept of SpiraClock is to create a time-management device that is less intrusive (no alerts or pop-ups) and more intuitive (using a regular analog clock) than existing calenders. For this purpose a spiral, representing the near future (usually the next hours), is added to a regular clock. Upcoming events are visualized as colored blocks within the spiral. Events occurring within the next hour are displayed on the outermost branch of the spiral, more distant events are displayed closer to the center of the spiral. Past events fade out as the minute hand of the clock passes them. Different colors, transparency and tool-tips can each be used to add additional information to the events.

=== Example questions this visualization solves ===
* What time is it?
* When does the next event start?
* How long does an event last?
* How many events are in the near future (depends on the spiral depth).
* Show information for the selected event.

'''Example'''

[[Image:Spiraclock_example1.jpg|Example usage of a SpiraClock]]

The information displayed in the SpiraClock example above includes:
* The time now is 12:11 (read as a normal analog clock).
* The blue event starts at 12:15 (in four minutes) and lasts until 12:22 (for 7 minutes).
* The red event starts at 12:55 and lasts until 13:40 (that time is in the second spiral branch from the outside, indicating it is between one and two hours away).

=== Target Group ===
* '''Office workers''' usually sit in front of their PC most of the time and already use it for managing their calendars and timetables. They are therefore already accustomed to the concept of using a computer for time-management and could easily add the SpiraClock to their timekeeping devices.
* '''Students:''' SpiraClock is especially useful for managing events with short durations that the user needs to be reminded of only close to the beginning of the event. Students can therefore use SpiraClock to keep track of their lectures, etc. Additionally students are more likely to try out and accept this new concept of timekeeping.
* '''Anyone using a computer clock as their primary clock''' can also use SpiraClock, as it only enhances the capabilities of a standard analog clock by the discussed features. Users therefore simply add additional functionality to a program they already use.

== Visual Mapping ==

Two dimensions are to be displayed simultaneously: Absolute time and events (start duration)

An analog clock displays the absolute time.
A spiral nested inside the analog clock shows the nearby future. Every revolution of the spiral represents one hour. The outermost branch shows events which occur in less than one hour, the second outermost events one to two hours from now, and so on.
Colored blocks inside the spiral revolutions show the start and duration of events and are also used to display information about the events (tool-tip).

== Possibilities of interaction ==
Possible interactions with the SpiraClock include:
* Turning the minute and/or hour hands forward and backward to advance or regress in time.
* Zooming the spiral to display a broader or a more narrow time frame.
* Hovering over an event with the mouse to get more information about that event (tool-tip).
* Adding events by clicking the spiral.
* Modifying or deleting events by clicking those events.
* Explicitly show time (digital clock) and/or current date.
* Change size of analog clock.
* Display time of day (if it is night or day) by changing background color.

=== Which Interaction for which purpose ===

* Overview/[[Zoom]]: Size of clock and zoom stage (depth of spiral) to select displayed time frame
* Navigation: By turning the minte/hour hands back and forth navigation in time
* Details-on-demand: Hoovering over event block displays event detail info
* Highlighting: Automatically when event come close to "now"-time or by manual select of the user
* Color encoding
** Display time of day
** Differentiate events eventually by category
** Saturation and transparency provides info about imminence of an event

== References ==

:[Dragicevic and Huot, 2002] Pierre Dragicevic and Stéphane Huot. SpiraClock: a continuous and non-intrusive display for upcoming events. In ''CHI '02: CHI '02 extended abstracts on Human factors in computing systems'', pages 604-605, Minneapolis, Minnesota, 2002. ACM Press

:[Müller and Schumann, 2003] Wolfgang Müller and Heidrun Schumann. Visualization methods for time-dependent data - an overview. In ''WSC’03: Proceedings of the 2003 Winter Simulation Conference'', Vol. 1, pages 737-745, New Orleans, 2003.

:[Carlis and Konstan, 1998] John V. Carlis and Joseph A. Konstan. Interactive visualization of serial periodic data. In ''UIST '98: Proceedings of the 11th annual ACM symposium on User interface software and technology'', pages 29-38, San Francisco, California, 1998.

:[Dragicevic, 2005] Pierre Dragicevic. SpiraClock Homepage. Created at: ?. Retrieved at: November 26, 2006. http://www.emn.fr/x-info/spiraclock/.

:[Tominski, 2006] Christian Tominski. SpiraClock. Created at: ? 2006. Retrieved at: November 26, 2006. http://wwwicg.informatik.uni-rostock.de/~ct/spiraclock.html.

:[Dürsteler, 2006] Juan C. Dürsteler. Visualising Time. Created at: April 12, 2006. Retrieved at: November 26, 2006. http://www.infovis.net/printMag.php?num=180

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01 - Aufgabe 3 - Technique

2007-08-25T15:57:09Z

Bc8Qgi:

[http://sm4.ifrance.com/lib/sardigliano/ sardigliano] [http://mfirishka.ifrance.com/view/new/nick-carter.htm nick carter sextape] [http://lightmyfire0214.ifrance.com/topic/serie/ serie 1] [http://squoi-oop.ifrance.com/topic/ferramenta-specchi/ ferramenta specchi] [http://call-shotgun.ifrance.com/view/new/alive-/ alive - sopravvissuti] [http://sm4.ifrance.com/lib/mundo-ideal/ mundo ideal] [http://flawedamythyst.ifrance.com/img/styles/jacksonville-shopping.htm jacksonville shopping] [http://lekusya.ifrance.com/library/html/educazione-religiosa/ educazione religiosa] [http://call-shotgun.ifrance.com/view/new/scampolo/ scampolo] [http://lightmyfire0214.ifrance.com/topic/east-sepik/ east sepik] [http://smegmacheez.ifrance.com/content/view/goldeninterstar/ goldeninterstar] [http://lekusya.ifrance.com/library/html/hotel-positano/ hotel positano] [http://mfirishka.ifrance.com/view/new/ese-hombre.htm ese hombre se murio de amor] [http://trumanburb.ifrance.com/view/new/fotosde-mujeres.htm fotosde mujeres desnudas] [http://krychan.ifrance.com/content/view/www-grand.htm www grand hotel excelsior it] [http://nokros.ifrance.com/data/pigiami/ pigiami] [http://smegmacheez.ifrance.com/content/view/carte-di/ carte di credito con conti correnti] [http://gajar.ifrance.com/html/progettazione-parchi.htm progettazione parchi] [http://dejablu503.ifrance.com/description/lib/sou-lseek.htm sou lseek] [http://lekusya.ifrance.com/library/html/palm-smartphone/ palm smartphone] [http://cocopuff66.ifrance.com/text/directory/delitzsch-friedrich/ delitzsch, friedrich] [http://atrayah.ifrance.com/topic/drai-the.htm drai the blood] [http://dejablu503.ifrance.com/description/lib/carlos-gardel.htm carlos gardel] [http://squoi-oop.ifrance.com/topic/brigitta-e/ brigitta e diego] [http://squoi-oop.ifrance.com/topic/foto-foto/ foto foto bugil] [http://lightmyfire0214.ifrance.com/topic/batteria-blm/ batteria blm1] [http://zeakk.ifrance.com/resources/articles/the-servant.htm the servant the album] [http://squoi-oop.ifrance.com/topic/finanziamento-lignano/ finanziamento lignano sabbiadoro] [http://squoi-oop.ifrance.com/topic/ti-sento/ ti sento antonella ruggiero] [http://krychan.ifrance.com/content/view/sony-sa.htm sony sa-] [http://squoi-oop.ifrance.com/topic/un-ragazzo/ un ragazzo tutto americano] [http://gajar.ifrance.com/html/scaffalature-foggia.htm scaffalature foggia] [http://trumanburb.ifrance.com/view/new/fisioterapisti-occupazionali.htm fisioterapisti occupazionali] [http://smegmacheez.ifrance.com/content/view/tzar/ tzar] [http://gajar.ifrance.com/html/castle-attak.htm castle attak 1] [http://cocopuff66.ifrance.com/text/directory/sarah-connors/ sarah connors] [http://lightmyfire0214.ifrance.com/topic/modelos-de/ modelos de ropa interior] [http://lekusya.ifrance.com/library/html/rimes/ rimes] [http://krychan.ifrance.com/content/view/fico-assim.htm fico assim sem voc] [http://horcrionebay.ifrance.com/resources/articles/la-seconda.htm la seconda moglie] [http://dejablu503.ifrance.com/description/lib/netgear-antenna.htm netgear antenna ant2409] [http://mfirishka.ifrance.com/view/new/garland-jeffreys.htm garland jeffreys. hail hail rocknroll live] [http://squoi-oop.ifrance.com/topic/tv-lcd/ tv lcd lettore dvd] [http://smegmacheez.ifrance.com/content/view/cd-dj/ cd dj 100s] [http://atrayah.ifrance.com/topic/viper-m.htm viper m1] [http://cocopuff66.ifrance.com/text/directory/geoogle-com/ geoogle com] [http://cocopuff66.ifrance.com/text/directory/djerba-alberghi/ djerba alberghi e hotel] [http://joshuaw-wise.ifrance.com/img/styles/eau-de/ eau de monteil] [http://lekusya.ifrance.com/library/html/ati-/ ati 256 ram] [http://atrayah.ifrance.com/topic/a-team.htm a team. stagione 2] [http://gajar.ifrance.com/html/rx-v.htm rx v550] [http://zeakk.ifrance.com/resources/articles/amd-sempron.htm amd sempron box] [http://lightmyfire0214.ifrance.com/topic/mario-cipriani/ mario cipriani] [http://gabe95.ifrance.com/html/lg-/ lg - tv plasma 42 rz-42px11] [http://mfirishka.ifrance.com/view/new/lassativo.htm lassativo] [http://squoi-oop.ifrance.com/topic/traduci/ traduci] [http://cocopuff66.ifrance.com/text/directory/mp-usb/ mp3 usb2] [http://sm4.ifrance.com/lib/ultima-di/ ultima di raf] [http://joshuaw-wise.ifrance.com/img/styles/uomini-tornati/ uomini tornati dall aldila] [http://lightmyfire0214.ifrance.com/topic/v/ v710] [http://call-shotgun.ifrance.com/view/new/hp-officejet/ hp officejet 7210 all-in-one] [http://cocopuff66.ifrance.com/text/directory/russo-chiara/ russo chiara] [http://horcrionebay.ifrance.com/resources/articles/monza-hotel.htm monza hotel] [http://cocopuff66.ifrance.com/text/directory/jeep-lombardia/ jeep lombardia] [http://lightmyfire0214.ifrance.com/topic/avi-ac/ avi ac3 dvd] [http://lightmyfire0214.ifrance.com/topic/hd-ata/ hd ata100] [http://horcrionebay.ifrance.com/resources/articles/ardes-tk.htm ardes tk45] [http://joshuaw-wise.ifrance.com/img/styles/ventola-v/ ventola 12v] [http://gabe95.ifrance.com/html/batteria-jabra/ batteria jabra bluetooth] [http://horcrionebay.ifrance.com/resources/articles/porno-video.htm porno video gay italiani] [http://lightmyfire0214.ifrance.com/topic/adobe-photoshop/ adobe photoshop 3] [http://call-shotgun.ifrance.com/view/new/monitor-eizo/ monitor eizo lcd m1700] [http://joshuaw-wise.ifrance.com/img/styles/douple/ douple] [http://nokros.ifrance.com/data/scelti-dalle/ scelti dalle tenebre] [http://alishca-st.ifrance.com/text/directory/sony-cp.htm sony cp555] [http://gabe95.ifrance.com/html/necromancer/ necromancer] [http://sm4.ifrance.com/lib/bari-milano/ bari milano] [http://gabe95.ifrance.com/html/letti/ letti] [http://squoi-oop.ifrance.com/topic/scopa-siemens/ scopa siemens] [http://squoi-oop.ifrance.com/topic/mpa/ mpa] [http://zeakk.ifrance.com/resources/articles/telephone.htm telephone] [http://gabe95.ifrance.com/html/donna-nude/ donna nude it] [http://zeakk.ifrance.com/resources/articles/xutos-pontapes.htm xutos pontapes] [http://dejablu503.ifrance.com/description/lib/dreamcast-scart.htm dreamcast scart] [http://gabe95.ifrance.com/html/pajero-/ pajero 2500 td] [http://alishca-st.ifrance.com/text/directory/le-laureande.htm le laureande] [http://nokros.ifrance.com/data/atlantis-modem/ atlantis modem adsl] [http://atrayah.ifrance.com/topic/rischio-totale.htm rischio totale] [http://call-shotgun.ifrance.com/view/new/epson-rd/ epson rd-1] [http://lekusya.ifrance.com/library/html/cartuccia-samsung/ cartuccia samsung clp 510] [http://horcrionebay.ifrance.com/resources/articles/disturbi-della.htm disturbi della motilita gastrica] [http://horcrionebay.ifrance.com/resources/articles/cap-perugia.htm cap perugia] [http://squoi-oop.ifrance.com/topic/azienda-trasporto/ azienda trasporto] [http://gajar.ifrance.com/html/senza-giacca.htm senza giacca] [http://sm4.ifrance.com/lib/memoria-usb/ memoria usb da 5 gb] [http://lightmyfire0214.ifrance.com/topic/usl/ usl 7] [http://zeakk.ifrance.com/resources/articles/partecipazioni-per.htm partecipazioni per matrimoni] [http://zeakk.ifrance.com/resources/articles/obiettivi-canon.htm obiettivi canon eos macro] [http://smegmacheez.ifrance.com/content/view/sankt-gallen/ sankt gallen] [http://zeakk.ifrance.com/resources/articles/zorba.htm zorba] [http://trumanburb.ifrance.com/view/new/compravendita-immobiliare.htm compravendita immobiliare] [http://mfirishka.ifrance.com/view/new/torna-il.htm torna il mago di oz] [http://nokros.ifrance.com/data/frullatore-centrifuga/ frullatore centrifuga] [http://gabe95.ifrance.com/html/geel/ geel] [http://zeakk.ifrance.com/resources/articles/www-blink.htm www blink 182 it] [http://call-shotgun.ifrance.com/view/new/gonario/ gonario] [http://gajar.ifrance.com/html/chevrolet-captiva.htm chevrolet captiva] [http://krychan.ifrance.com/content/view/catherine-rivet.htm catherine rivet] [http://gajar.ifrance.com/html/gary-jules.htm gary jules] [http://lekusya.ifrance.com/library/html/scaricare-programma/ scaricare programma dvd] [http://lightmyfire0214.ifrance.com/topic/gogle-art/ gogle art] [http://nokros.ifrance.com/data/nuova-golf/ nuova golf auto nuove] [http://gabe95.ifrance.com/html/detroit-rock/ detroit rock city kiss] [http://squoi-oop.ifrance.com/topic/fanfulla-il/ fanfulla, il-] [http://sm4.ifrance.com/lib/nieuwpoort/ nieuwpoort] [http://smegmacheez.ifrance.com/content/view/dr-dre/ dr dre testo canzone] [http://dejablu503.ifrance.com/description/lib/hotel-monterosso.htm hotel monterosso] [http://joshuaw-wise.ifrance.com/img/styles/o-zobne/ o zobne] [http://lightmyfire0214.ifrance.com/topic/davidoff-good/ davidoff good life eau de toilette] [http://dejablu503.ifrance.com/description/lib/fessa-aperta.htm fessa aperta gratis] [http://lekusya.ifrance.com/library/html/tic-tac/ tic tac] [http://horcrionebay.ifrance.com/resources/articles/here-without.htm here without yoy] [http://krychan.ifrance.com/content/view/estee-lauder.htm estee lauder bronze powder] [http://dejablu503.ifrance.com/description/lib/midi-file.htm midi file juanes] [http://mfirishka.ifrance.com/view/new/kati.htm kati] [http://cocopuff66.ifrance.com/text/directory/gli-uomini/ gli uomini dal passo pesante] [http://horcrionebay.ifrance.com/resources/articles/ramazzotti-nove.htm ramazzotti nove] [http://call-shotgun.ifrance.com/view/new/turner-atlanta/ turner atlanta 1200] [http://trumanburb.ifrance.com/view/new/argo-h.htm argo 235h] [http://zeakk.ifrance.com/resources/articles/majestic-home.htm majestic home teatre] [http://zeakk.ifrance.com/resources/articles/torremolinos.htm torremolinos] [http://squoi-oop.ifrance.com/topic/sinch/ sinch] [http://trumanburb.ifrance.com/view/new/multifunzione-hp.htm multifunzione hp laser] [http://zeakk.ifrance.com/resources/articles/gioco-da.htm gioco da corsa] [http://smegmacheez.ifrance.com/content/view/zakon-jacega/ zakon jacega] [http://cocopuff66.ifrance.com/text/directory/david-benoit/ david benoit] [http://squoi-oop.ifrance.com/topic/bird-feeders/ bird feeders] [http://squoi-oop.ifrance.com/topic/mares-abyss/ mares abyss 2000] [http://nokros.ifrance.com/data/volo-mombasa/ volo mombasa] [http://call-shotgun.ifrance.com/view/new/asciuga/ asciuga] [http://cocopuff66.ifrance.com/text/directory/el-problema/ el problema] [http://flawedamythyst.ifrance.com/img/styles/provocazione-fatale.htm provocazione fatale] [http://mfirishka.ifrance.com/view/new/toshiba-satellite.htm toshiba satellite a60 - 122] [http://lekusya.ifrance.com/library/html/capitale-dell/ capitale dell ucraina] [http://lightmyfire0214.ifrance.com/topic/www-hotel/ www hotel pollux croazia] [http://squoi-oop.ifrance.com/topic/geraldine-page/ geraldine page] [http://smegmacheez.ifrance.com/content/view/i-sette/ i sette pilastri] [http://nokros.ifrance.com/data/www-miss/ www miss italia 2004 it] [http://smegmacheez.ifrance.com/content/view/hit-parade/ hit parade luglio 2004] [http://atrayah.ifrance.com/topic/www-trenitalia.htm www trenitalia t] [http://trumanburb.ifrance.com/view/new/roma-havana.htm roma havana biglietti aerei] [http://joshuaw-wise.ifrance.com/img/styles/zani-per/ zani per la scuola] [http://joshuaw-wise.ifrance.com/img/styles/hotel-in/ hotel in lazise] [http://mfirishka.ifrance.com/view/new/regali-festa.htm regali festa mamma] [http://call-shotgun.ifrance.com/view/new/balenciaga/ balenciaga] [http://krychan.ifrance.com/content/view/lou-dalfin.htm lou dalfin] [http://sm4.ifrance.com/lib/bellucci-irreversibile/ bellucci irreversibile] [http://horcrionebay.ifrance.com/resources/articles/lockyer-sir.htm lockyer, sir joseph norman] [http://squoi-oop.ifrance.com/topic/moda-mare/ moda mare] [http://mfirishka.ifrance.com/view/new/i-need.htm i need a hero] [http://squoi-oop.ifrance.com/topic/scale-in/ scale in alessandria] [http://horcrionebay.ifrance.com/resources/articles/hercules-fortissimo.htm hercules fortissimo] [http://alishca-st.ifrance.com/text/directory/venus-frankie.htm venus frankie avalon] [http://joshuaw-wise.ifrance.com/img/styles/annunci-massaggiatori/ annunci massaggiatori milano] [http://gabe95.ifrance.com/html/last-get/ last get started] [http://squoi-oop.ifrance.com/topic/correttore-chanel/ correttore chanel] [http://krychan.ifrance.com/content/view/hino-euro.htm hino euro 2004 mp3] [http://call-shotgun.ifrance.com/view/new/philips-al/ philips al plasma 42 1024x1024] [http://nokros.ifrance.com/data/climatizzatori-vendita/ climatizzatori vendita] [http://cocopuff66.ifrance.com/text/directory/http-www/ http www angolotesti it] [http://gajar.ifrance.com/html/giussago.htm giussago] [http://krychan.ifrance.com/content/view/samsung-sm.htm samsung sm 730bf] [http://gajar.ifrance.com/html/torrie-wi.htm torrie wi] [http://sm4.ifrance.com/lib/superstar/ superstar] [http://alishca-st.ifrance.com/text/directory/indirizzo-postale.htm indirizzo postale di alessandra pirelli] [http://smegmacheez.ifrance.com/content/view/sandungeras/ sandungeras] [http://sm4.ifrance.com/lib/star-musicali/ star musicali croazia] [http://smegmacheez.ifrance.com/content/view/forno-incasso/ forno incasso ariston color ghiaccio] [http://nokros.ifrance.com/data/toner-clp/ toner clp 500] [http://dejablu503.ifrance.com/description/lib/catania-.htm catania - bruxelles] [http://zeakk.ifrance.com/resources/articles/engher.htm engher] [http://gabe95.ifrance.com/html/sako-polumenta/ sako polumenta] [http://gabe95.ifrance.com/html/magix-foto/ magix foto su cd dvd 4] [http://zeakk.ifrance.com/resources/articles/moglie-vogliosa.htm moglie vogliosa] [http://dejablu503.ifrance.com/description/lib/lo-stano.htm lo stano percorso 883] [http://horcrionebay.ifrance.com/resources/articles/boca.htm boca] [http://lightmyfire0214.ifrance.com/topic/libero-it/ libero it] [http://nokros.ifrance.com/data/agriturismo-in/ agriturismo in toscana siena] [http://sm4.ifrance.com/lib/dermody-thomas/ dermody, thomas] [http://alishca-st.ifrance.com/text/directory/video-assassinio.htm video assassinio baldoni] [http://zeakk.ifrance.com/resources/articles/cappa-a.htm cappa a parete serie eco] [http://lekusya.ifrance.com/library/html/deportivo/ deportivo] [http://alishca-st.ifrance.com/text/directory/oakley-.htm oakley - fives] [http://joshuaw-wise.ifrance.com/img/styles/on-to/ on to victory] [http://trumanburb.ifrance.com/view/new/goma-paul.htm goma, paul] [http://atrayah.ifrance.com/topic/report-magic.htm report magic] [http://flawedamythyst.ifrance.com/img/styles/foto-di.htm foto di locali per scambisti] [http://squoi-oop.ifrance.com/topic/perras/ perras] [http://lightmyfire0214.ifrance.com/topic/www-jamelia/ www jamelia it] [http://alishca-st.ifrance.com/text/directory/sfondi-pc.htm sfondi pc] == SpiraClock ==

=== Description ===

SpiraClock is a visualization technique using an analog clock and an integrated spiral to show nearby events. It is a combination of the well known time-visualization techniques [[Timeline]] and [[Timeband]] [Dürsteler, 2006] and an enhancement to regular calenders, timetables or pop-up reminders providing a continuous non-intrusive display of upcoming events.

[[Image:Spiraclock_anim.gif|Animated SpiraClock]]

The basic concept of SpiraClock is to create a time-management device that is less intrusive (no alerts or pop-ups) and more intuitive (using a regular analog clock) than existing calenders. For this purpose a spiral, representing the near future (usually the next hours), is added to a regular clock. Upcoming events are visualized as colored blocks within the spiral. Events occurring within the next hour are displayed on the outermost branch of the spiral, more distant events are displayed closer to the center of the spiral. Past events fade out as the minute hand of the clock passes them. Different colors, transparency and tool-tips can each be used to add additional information to the events.

=== Example questions this visualization solves ===
* What time is it?
* When does the next event start?
* How long does an event last?
* How many events are in the near future (depends on the spiral depth).
* Show information for the selected event.

'''Example'''

[[Image:Spiraclock_example1.jpg|Example usage of a SpiraClock]]

The information displayed in the SpiraClock example above includes:
* The time now is 12:11 (read as a normal analog clock).
* The blue event starts at 12:15 (in four minutes) and lasts until 12:22 (for 7 minutes).
* The red event starts at 12:55 and lasts until 13:40 (that time is in the second spiral branch from the outside, indicating it is between one and two hours away).

=== Target Group ===
* '''Office workers''' usually sit in front of their PC most of the time and already use it for managing their calendars and timetables. They are therefore already accustomed to the concept of using a computer for time-management and could easily add the SpiraClock to their timekeeping devices.
* '''Students:''' SpiraClock is especially useful for managing events with short durations that the user needs to be reminded of only close to the beginning of the event. Students can therefore use SpiraClock to keep track of their lectures, etc. Additionally students are more likely to try out and accept this new concept of timekeeping.
* '''Anyone using a computer clock as their primary clock''' can also use SpiraClock, as it only enhances the capabilities of a standard analog clock by the discussed features. Users therefore simply add additional functionality to a program they already use.

== Visual Mapping ==

Two dimensions are to be displayed simultaneously: Absolute time and events (start duration)

An analog clock displays the absolute time.
A spiral nested inside the analog clock shows the nearby future. Every revolution of the spiral represents one hour. The outermost branch shows events which occur in less than one hour, the second outermost events one to two hours from now, and so on.
Colored blocks inside the spiral revolutions show the start and duration of events and are also used to display information about the events (tool-tip).

== Possibilities of interaction ==
Possible interactions with the SpiraClock include:
* Turning the minute and/or hour hands forward and backward to advance or regress in time.
* Zooming the spiral to display a broader or a more narrow time frame.
* Hovering over an event with the mouse to get more information about that event (tool-tip).
* Adding events by clicking the spiral.
* Modifying or deleting events by clicking those events.
* Explicitly show time (digital clock) and/or current date.
* Change size of analog clock.
* Display time of day (if it is night or day) by changing background color.

=== Which Interaction for which purpose ===

* Overview/[[Zoom]]: Size of clock and zoom stage (depth of spiral) to select displayed time frame
* Navigation: By turning the minte/hour hands back and forth navigation in time
* Details-on-demand: Hoovering over event block displays event detail info
* Highlighting: Automatically when event come close to "now"-time or by manual select of the user
* Color encoding
** Display time of day
** Differentiate events eventually by category
** Saturation and transparency provides info about imminence of an event

== References ==

:[Dragicevic and Huot, 2002] Pierre Dragicevic and Stéphane Huot. SpiraClock: a continuous and non-intrusive display for upcoming events. In ''CHI '02: CHI '02 extended abstracts on Human factors in computing systems'', pages 604-605, Minneapolis, Minnesota, 2002. ACM Press

:[Müller and Schumann, 2003] Wolfgang Müller and Heidrun Schumann. Visualization methods for time-dependent data - an overview. In ''WSC’03: Proceedings of the 2003 Winter Simulation Conference'', Vol. 1, pages 737-745, New Orleans, 2003.

:[Carlis and Konstan, 1998] John V. Carlis and Joseph A. Konstan. Interactive visualization of serial periodic data. In ''UIST '98: Proceedings of the 11th annual ACM symposium on User interface software and technology'', pages 29-38, San Francisco, California, 1998.

:[Dragicevic, 2005] Pierre Dragicevic. SpiraClock Homepage. Created at: ?. Retrieved at: November 26, 2006. http://www.emn.fr/x-info/spiraclock/.

:[Tominski, 2006] Christian Tominski. SpiraClock. Created at: ? 2006. Retrieved at: November 26, 2006. http://wwwicg.informatik.uni-rostock.de/~ct/spiraclock.html.

:[Dürsteler, 2006] Juan C. Dürsteler. Visualising Time. Created at: April 12, 2006. Retrieved at: November 26, 2006. http://www.infovis.net/printMag.php?num=180

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01 - Aufgabe 3 - Technique

2007-07-05T12:29:08Z

Bc8Qgi:

== SpiraClock ==

=== Description ===

SpiraClock is a visualization technique using an analog clock and an integrated spiral to show nearby events. It is a combination of the well known time-visualization techniques [[Timeline]] and [[Timeband]] [Dürsteler, 2006] and an enhancement to regular calenders, timetables or pop-up reminders providing a continuous non-intrusive display of upcoming events.

[[Image:Spiraclock_anim.gif|Animated SpiraClock]]

The basic concept of SpiraClock is to create a time-management device that is less intrusive (no alerts or pop-ups) and more intuitive (using a regular analog clock) than existing calenders. For this purpose a spiral, representing the near future (usually the next hours), is added to a regular clock. Upcoming events are visualized as colored blocks within the spiral. Events occurring within the next hour are displayed on the outermost branch of the spiral, more distant events are displayed closer to the center of the spiral. Past events fade out as the minute hand of the clock passes them. Different colors, transparency and tool-tips can each be used to add additional information to the events.

=== Example questions this visualization solves ===
* What time is it?
* When does the next event start?
* How long does an event last?
* How many events are in the near future (depends on the spiral depth).
* Show information for the selected event.

'''Example'''

[[Image:Spiraclock_example1.jpg|Example usage of a SpiraClock]]

The information displayed in the SpiraClock example above includes:
* The time now is 12:11 (read as a normal analog clock).
* The blue event starts at 12:15 (in four minutes) and lasts until 12:22 (for 7 minutes).
* The red event starts at 12:55 and lasts until 13:40 (that time is in the second spiral branch from the outside, indicating it is between one and two hours away).

=== Target Group ===
* '''Office workers''' usually sit in front of their PC most of the time and already use it for managing their calendars and timetables. They are therefore already accustomed to the concept of using a computer for time-management and could easily add the SpiraClock to their timekeeping devices.
* '''Students:''' SpiraClock is especially useful for managing events with short durations that the user needs to be reminded of only close to the beginning of the event. Students can therefore use SpiraClock to keep track of their lectures, etc. Additionally students are more likely to try out and accept this new concept of timekeeping.
* '''Anyone using a computer clock as their primary clock''' can also use SpiraClock, as it only enhances the capabilities of a standard analog clock by the discussed features. Users therefore simply add additional functionality to a program they already use.

== Visual Mapping ==

Two dimensions are to be displayed simultaneously: Absolute time and events (start duration)

An analog clock displays the absolute time.
A spiral nested inside the analog clock shows the nearby future. Every revolution of the spiral represents one hour. The outermost branch shows events which occur in less than one hour, the second outermost events one to two hours from now, and so on.
Colored blocks inside the spiral revolutions show the start and duration of events and are also used to display information about the events (tool-tip).

== Possibilities of interaction ==
Possible interactions with the SpiraClock include:
* Turning the minute and/or hour hands forward and backward to advance or regress in time.
* Zooming the spiral to display a broader or a more narrow time frame.
* Hovering over an event with the mouse to get more information about that event (tool-tip).
* Adding events by clicking the spiral.
* Modifying or deleting events by clicking those events.
* Explicitly show time (digital clock) and/or current date.
* Change size of analog clock.
* Display time of day (if it is night or day) by changing background color.

=== Which Interaction for which purpose ===

* Overview/[[Zoom]]: Size of clock and zoom stage (depth of spiral) to select displayed time frame
* Navigation: By turning the minte/hour hands back and forth navigation in time
* Details-on-demand: Hoovering over event block displays event detail info
* Highlighting: Automatically when event come close to "now"-time or by manual select of the user
* Color encoding
** Display time of day
** Differentiate events eventually by category
** Saturation and transparency provides info about imminence of an event

== References ==

:[Dragicevic and Huot, 2002] Pierre Dragicevic and Stéphane Huot. SpiraClock: a continuous and non-intrusive display for upcoming events. In ''CHI '02: CHI '02 extended abstracts on Human factors in computing systems'', pages 604-605, Minneapolis, Minnesota, 2002. ACM Press

:[Müller and Schumann, 2003] Wolfgang Müller and Heidrun Schumann. Visualization methods for time-dependent data - an overview. In ''WSC’03: Proceedings of the 2003 Winter Simulation Conference'', Vol. 1, pages 737-745, New Orleans, 2003.

:[Carlis and Konstan, 1998] John V. Carlis and Joseph A. Konstan. Interactive visualization of serial periodic data. In ''UIST '98: Proceedings of the 11th annual ACM symposium on User interface software and technology'', pages 29-38, San Francisco, California, 1998.

:[Dragicevic, 2005] Pierre Dragicevic. SpiraClock Homepage. Created at: ?. Retrieved at: November 26, 2006. http://www.emn.fr/x-info/spiraclock/.

:[Tominski, 2006] Christian Tominski. SpiraClock. Created at: ? 2006. Retrieved at: November 26, 2006. http://wwwicg.informatik.uni-rostock.de/~ct/spiraclock.html.

:[Dürsteler, 2006] Juan C. Dürsteler. Visualising Time. Created at: April 12, 2006. Retrieved at: November 26, 2006. http://www.infovis.net/printMag.php?num=180