k
Diagram Hiveplot to metoda wizualizacji sieci, w której graficzny rozkład elementów diagramu zależny jest wyłącznie od samej struktury sieci oraz istotnych dla odbiorcy informacji, związanych z prezentowanymi obiektami. Hiveplot stanowi alternatywę dla typowych sposobów reprezentacji złożonych sieci, do których wizualizacji stosuje się algorytmy rozkładu niezależne od domeny zastosowań.

Często wymienianą dziedziną zastosowań diagramu jest genomika, w której powszechnie stosowany jest diagram kołowy Circos. Hiveplot jest często przedstawiamy jako alternatywa dla diagramów Hairball.

Diagramy Hiveplot zostały przedstawione w pracy: Krzywinski M, Birol I, Jones S, Marra M (2011). Hive Plots — Rational Approach to Visualizing Networks. Briefings in Bioinformatics.

Czytaj więcej »

WebGL to technologia trójwymiarowej grafiki we współczesnych przeglądarkach (z wyjątkiem Internet Explorera). Trudno w tej chwili znaleźć zbyt wiele znaczących jej zastosowań w biznesie, ale na pewno warto być świadomym jej potencjału. Dzisiaj chciałbym przedstawić co ciekawsze interaktywne przykłady użycia WebGL dostępne w Internecie. To niesamowite, co można dzisiaj zobaczyć w przeglądarce, bez potrzeby instalowania jakichkolwiek pluginów w rodzaju Flash czy Java. Kliknij obrazki, aby otworzyć odpowiadające im aplikacje na pełnym ekranie.

	Quake Popularna gra komputerowa sprzed paru lat, teraz w Twojej przeglądarce.
	Katedra Katedra. Ruch myszki zmienia kąt kamery, kliknięcie lewego przycisku myszki zmienia oświetlenie, a klawisze strzałek pozwalają na poruszanie się po wnętrzu obiektu.
	Wersal Wycieczka po Wersalu. Poruszaj myszką aby zmienić ustawienie kamery.
	Car Visualizer Można sobie wybrać markę samochodu, kolory poszczególnych części (karoseria, kołpaki) i poobracać furę w przestrzeni.
	Jenga Znana, zręcznościowo-umysłowa gra logiczna. Z drewnianej wieży, gracze kolejno usuwają z budowli dowolny klocek poniżej skończonego poziomu i układają go na górze. Przegrywa osoba, która wyciągając klocek, przewróci wieżę.
	WebGL Cars Tutaj dla odmiany za pomocą klawiszy strzałek sterujesz samochodem w trójwymiarowej przestrzeni.
	WebGL Water Świetna symulacja fizyczna basenu wypełnionego wodą. Klikając myszką wzburzasz wodę i wywołujesz fale.
	Tear-able cloth Realistyczna symulacja fizyczna zwisającej tkaniny, którą za pomocą myszki można poruszać, a nawet porwać i zrzucić.
	Hopalong Abstrakcyjna wizualizacja tunelu (fraktale?).
	Pearl Boy Tutaj możemy sobie powiosłować na morzu, albo ponurkować w poszukiwaniu pereł. Ruch myszką zmienia ustawienie kamery, kółko myszki przybliża i oddala.

Natknąłem się niedawno w Wikipedii na hasło dolina niesamowitości (ang. uncanny valley). Jest to termin stosowany w hipotezie naukowej, zgodnie z którą robot, rysunek lub animacja komputerowa wyglądający bądź funkcjonujący podobnie (lecz nie identycznie) jak człowiek, wywołuje u obserwatorów nieprzyjemne odczucia, a nawet odrazę. Widok robota człowiekopodobnego powoduje u obserwatora oczekiwanie wykonania konkretnych ruchów, a wobec ich braku, brak komfortu.

Słowo „dolina” odnosi się do charakterystycznego zagłębienia w wykresie pokazującym zależność psychicznego komfortu obserwatora od stopnia podobieństwa robota do człowieka (jedna z krzywych na poniższym rysunku – ta o wyższej amplitudzie – dotyczy robotów poruszających się, druga – nieruchomych).

Ponadto badania wykazały, że jeśli animowany asystent będzie wyglądał i poruszał się podobnie jak człowiek, to wyraźnie wzrastają oczekiwania dotyczące jego umiejętności słuchania i sensownej reakcji werbalnej, a co za tym idzie mamy do czynienia z dużym rozczarowaniem czy nawet irytacją w sytuacji gdy awatar nie spełnia tych oczekiwań. Dobrym rozwiązaniem tego problemu jest zamiana wyglądu z człowieka na zwierzę domowe (np. pieska), ewentualnie kogoś tylko pobieżnie przypominającego człowieka (np. ludzik LEGO).

W interaktywnej animacji obok proszę poruszać myszką. I jak wrażenia?

Animacja na pełnym ekranie

Jak twierdzi Andy Kirk, autor bloga Visualizing Data, wizualizacja danych jest problemem optymalizacyjnym. Chodzi o to aby w efektywny sposób zakomunikować wgląd w pewne dane pamiętając o wrażeniach estetycznych i zaangażowaniu odbiorcy. Diagram strumieniowy (ang. streamgraph) jest przykładem nowoczesnego podejścia do zagadnienia prezentowania dużych ilości danych masowemu odbiorcy.

Pionierami tego rodzaju diagramów są panie S.Havre, B.Hetzler i L.Nowell, które w 2000 roku postawiły sobie za cel w przejrzysty sposób zwizualizować przemówienia Fidela Castro (swoją technikę nazwały ThemeRiver).
Właściwa moda na diagramy strumieniowe nastała po opublikowaniu przez L.Byrona w 2008 roku diagramu trendów muzycznych na portalu last.fm (kliknij poniższe zdjęcie, aby obejrzeć diagram dokładniej).

a zwłaszcza po opublikowaniu w tym samym roku w New York Timesie diagramu pokazującego sukcesy finansowe poszczególnych filmów w okresie ostatnich 20 lat (kliknij obrazek aby zobaczyć wersję interaktywną – po najechaniu kursorem myszki na film można przeczytać szczegóły, warto też rzucić okiem na pionową wersję statyczną):

Od tej pory diagramy tego rodzaju służą do prezentowania tematyki wystąpień polityków:

Czytaj więcej »