Scott Tiger Tech Blog

Blog technologiczny firmy Scott Tiger S.A.

Archiwum: 'datavis' Kategorie

Wikipedia: statystyki i wizualizacje

Autor: Piotr Karpiuk o 23. marca 2017

Wikipulse w obrazowy sposób pokazuje jak szybko przyrastają dane w poszczególnych wersjach językowych. Wskaźniki są aktualizowane co sekundę.
Infobaleen klastruje na kilku poziomach artykuły angielskiej Wikipedii. Na początku mamy „kontynenty”, które klikając możemy rozbić na „kraje”, „województwa” itd. Klikając na nadrzędnym (jaśniejszym) prostokącie przechodzimy na poziom wyżej. Można też przejść do pojedynczego artykułu hasłowego (liścia) wprowadzając jego nazwę w polu wyszukiwania w lewym górnym rogu witryny.

Czytaj więcej »

Tags:
Napisany w datavis, WWW | Brak komentarzy »

Konwersja Shapefile do SVG

Autor: Piotr Karpiuk o 7. marca 2017

Na stronach webowych nieraz chciałoby się pozwolić użytkownikowi wskazać myszką jakiś obszar geograficzny (państwo, województwo, gmina) na uproszczonej mapie, jak poniżej:

Taka interakcja znajduje zastosowanie we wszelkiego rodzaju wizualizacjach danych, menu witryny, formularzach itp.

W dzisiejszych czasach stosowną do tego technologią jest grafika wektorowa, w praktyce: SVG.

Problemem, którym się dziś zajmiemy jest odpowiedź na pytanie skąd wziąć dane wektorowe i jak je przekształcić do użytecznej postaci (czytaj: niewielkiego pliku SVG).

Czytaj więcej »

Tags: , ,
Napisany w datavis, GIS, WWW | Brak komentarzy »

OpenStreetMap: interaktywna mapa 3D

Autor: Piotr Karpiuk o 20. kwietnia 2016

Spośród obejrzanych różnych wizualizacji bazy danych OpenStreetMap, szczególne wrażenie zrobiła na mnie interaktywna wizualizacja 3D w przeglądarce wykonana przez firmę F4Map. Kliknij w poniższy obrazek, aby polatać sobie trochę nad Warszawą, lub innym wybranym przez siebie miejscem na świecie. Do poruszania się używamy klawiszy strzałek oraz PgUp/PgDown. Przeglądarka musi obsługiwać WebGL (większość już obsługuje).


Źródło: F4map.com

Napisany w Bazy danych, datavis, GIS, HTML5, WWW | Brak komentarzy »

Polski OpenStreetMap: struktura i zawartość

Autor: Piotr Karpiuk o 10. kwietnia 2016

OpenStreetMap to „wikipedia obiektów geograficznych” – baza praktycznych danych geograficznych rozwijana przez wolontariuszy na całym świecie, zbierających dane o swojej okolicy. Na pierwszy rzut oka OSM to po prostu mapa topograficzna, w dodatku niezbyt atrakcyjna w porównaniu z Google Maps czy Bing Maps. To jednak tylko złudzenie. OSM to baza danych, a mapa topograficzna jest tylko jedną z wielu możliwych wizualizacji, która – jak każda wizualizacja – uwypukla niektóre informacje pomijając inne.

Weźmy pod uwagę taki obiekt jak ławeczka w parku, pomijana na mapach topograficznych (nawet tych dokładnych). W OSM możemy się dowiedzieć czy ławeczka ma oparcie (znacznik backrest), ile osób może na niej usiąść (seats), z jakiego materiału jest wykonana (material), na jaki kolor jest pomalowana (colour), w którym kierunku jest skierowana (direction – azymut), czy jest zadaszona (covered), jaka firma się nią opiekuje (operator), a także zdjęcie (image), czy obok stoi kosz na śmieci (waste_basket), w którym roku została postawiona (start_date), itd.

Przykłady innych obiektów:

Żywopłot Wysokość (height), rodzaj liści (leaf_type), czy roślina całoroczna (leaf_cycle), jakiego rodzaju i gatunku (genus, species)
Schody Liczba schodków (step_count), czy ruchome (conveying), czy jest poręcz (handrail)
Winda Producent (brand), pojemność (capacity), czy towarowa (goods), czy wewnątrz budynku (indoor), między którymi piętrami (level, np. -1;0;1;2)
Droga Szerokość (width), liczba pasów (lanes), jakiego rodzaju nawierzchnia (surface), max. wysokość dla pojazdów (maxheight), czy jest chodnik i po której stronie (sidewalk, footway), czy jest oświetlenie (lit), stopień utwardzenia (tracktype), stopień spadku (incline), ograniczenia dostępu (access), czy mogą jeździć ciężarówki (hgv)
Toaleta czy publiczna (access), czy płatna (fee), w jakich godzinach czynna (opening_hours), czy mogą z niej korzystać kobiety/mężczyźni/niepełnosprawni (male, female, wheelchair), sposób spuszczania wody (toilets:disposal), czy jest woda pitna (drinking_water), czy jest miejsce do przewijania pieluch (diaper), czy jest papier toaletowy (toilets:paper_supplied), czy można umyć ręce (toilets:handwashing)
Kościół Religia i wyznanie (religion, denomination), godziny mszy (service_times), adres (addr:*), kontakt (phone, website), link do Wikipedii (wikipedia), data powstania (start_date), czy zabytek (historic), kolor dachu (roof:colour), wysokość (height), nazwisko architekta (architect)
Krawężnik Wysokość (czy można na niego wjechać samochodem, wózkiem inwalidzkim?)

Alternatywą dla mapy topograficznej są nietypowe mapy tematyczne. Można takie znaleźć na product.itoworld.com/map/main (np. które budynki mają w bazie przypisany adres, ulice z podziałem na ograniczenie prędkości itp.) Poniżej kilka przykładów z jeszcze innych źródeł:


Box Locator: biletomaty, skrzynki pocztowe, bankomaty, parkomaty, telefony, kontenery na śmieci

OpenCycleMap: ścieżki rowerowe

Lichtkarte: Oświetlenie ulic

osmtools.org/gniazda/bocian: Bocianie gniazda w Polsce

Czytaj więcej »

Tags:
Napisany w Bazy danych, datavis, GIS, HTML5, WWW | Brak komentarzy »

Animowana wizualizacja prądów morskich i wiatrów

Autor: Piotr Karpiuk o 28. stycznia 2015

Bardzo sympatyczna, interaktywna demonstracja możliwości SVG: grafiki wektorowej w przeglądarkach. Kliknij w obrazki, aby obejrzeć animacje.

Źródło: windyty.com. Kliknij aby obejrzeć animację. Źródło: earth.nullschool.net. Kliknij aby obejrzeć animację.

 

Napisany w datavis, HTML5, WWW | Brak komentarzy »