Scott Tiger Tech Blog

Blog technologiczny firmy Scott Tiger S.A.

Archiwum dla Sierpień, 2013

Diagram Hiveplot

Autor: Eliza Szczechla o 30. sierpnia 2013

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.

Źródło: hiveplot.com

Czytaj więcej »

Tags: , ,
Napisany w datavis | Brak komentarzy »

Przykłady WebGL

Autor: Piotr Karpiuk o 26. sierpnia 2013

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.

Napisany w HTML5, WWW | Brak komentarzy »

Dolina niesamowitości

Autor: Piotr Karpiuk o 21. sierpnia 2013

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

Napisany w Uncategorized | Brak komentarzy »

Diagram strumieniowy

Autor: Piotr Karpiuk o 1. sierpnia 2013

Jak ludzie spędzają czas, w zależności od płci, rasy, wieku, zatrudnienia, wykształcenia i ilości posiadanych dzieci. Wykres interaktywny – kliknij aby się pobawić.

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 »

Napisany w datavis | Brak komentarzy »