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.
Czytaj więcej »
Tags: Hiveplot, język R, Wizualizacja danych
Napisany w datavis | Brak komentarzy »
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 »
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 »
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 »