�ݺ�ߣ

4/19/2019 1Demetris Trihinas
trihinas.d@unic.ac.cy
1Χωρο-χρονική απεικόνιση δεδομένων
Department of
Computer Science
Δημήτρης Τριχινάς
Απεικόνιση και Αλληλεπίδραση
Δεδομένων Μεγάλου Όγκου με
Διαδραστικούς Χάρτες
Ιωάννης Κατάκης
katakis.i@unic.ac.cy

Department of
Computer Science
Demetris Trihinas
Department of Computer Science
University of Nicosia
@dtrihinas
http://dtrihinas.info
https://ailab.unic.ac.cy
Ioannis Katakis
Department of Computer Science
University of Nicosia
@katak
http://www.katakis.eu

Department of
Computer Science
Περίγραμμα Παρουσίασης
• Ψηφιακά συστήματα
• Η ανάγκη απεικόνισης δεδομένων
• Τι περιλαμβάνει η απεικόνιση χωρο-χρονικών
δεδομένων
• Το εργαλείο kepler.gl
• Απεικόνιση μεγάλου όγκου χωρο-χρονικών δεδομένων

Department of
Computer Science
… και της δεδομενοποίησης (datafication) των
αλληλεπιδράσεων μας με τα ψηφιακά συστήματα…
Ζούμε στην εποχή της ψηφιοποίησης (digitization)
συστημάτων…
ηλ. αλληλογραφία
Διαμοιρασμός περιεχομένου
ηλ. καταστήματα
Διαδίκτυο
Κινητά συστήματα
Οπτικοακουστικά
μέσα εν κινήσει
Περιεχόμενο κατά
ζήτηση
Λογισμικό
ως υπηρεσία

Department of
Computer Science
Amazon
Amazon datafies shopping
Μεγαλύτερο ηλ. κατάστημα στον κόσμο… Ανακαλύπτει μοτίβα
αγορών και προτείνει αντικείμενα που μπορεί να σας αρέσουν!

Department of
Computer Science
Facebook
Facebook datafies social activities
Μεγαλύτερη πλατφόρμα κοινωνικοποίησης – Ανακαλύπτει
κοινωνικές συμπεριφορές και προτείνει φίλους, περιεχόμενο
εκδηλώσεις και διαφημίσεις!

Department of
Computer Science
Netflix
Netflix datafies what we (want to) see
Μεγαλύτερος πάροχος βίντεο στον κόσμο – Ανακαλύπτει τι αρέσει
στους χρήστες, προτείνει βίντεο και… τα δημιουργεί!

Department of
Computer Science
Google Glasses
Google’s glasses datafy the gaze and physical world interaction
Ανακαλύπτει… εσένα!
Αλληλεπίδραση φυσικού και ψηφιακού κόσμου!
Εικονική
πραγματικότητα
VR
Επαυξημένη
πραγματικότητα
ΑR

Department of
Computer Science
Cleveland Museum of Arts
CMA datafies our perception on art

Department of
Computer Science
Δεδομένα Γνώση
Επιστήμη
Δεδομένων

Department of
Computer Science
Ποσοστά Ανεργίας στη Αμερική
Βγάζετε κάποιο συμπέρασμα από αυτόν τον πίνακα;

Department of
Computer Science
Σεισμοί στη Καλιφόρνια
Βγάζετε κάποιο συμπέρασμα από αυτόν τον πίνακα;

Department of
Computer Science
Μια εικόνα αξίζει όσο χίλιες λέξεις...
Κινέζικη παροιμία

Department of
Computer Science
Ποσοστά Ανεργίας στη Αμερική
Χρωματική
απεικόνιση της
ανεργίας ανά
περιοχή.
Ποιες περιοχές
έχουν την
λιγότερη ανεργία;

Department of
Computer Science
Αλκατράζ
Χόλυγουντ
Στο εθνικό πάρκο
δεν γίνονται
σεισμοί;
Είναι καλό μέρος
να ζει κανείς;

Department of
Computer Science
Απεικόνιση Δεδομένων
Ευκολότερη κατανόηση δεδομένων γιατί οπτικά εστιαζόμαστε
στις κυριότερες πληροφορίες.
Η απεικόνιση δεδομένων λειτουργεί ως εργαλείο μετάδοσης
πληροφορίας και ως μέσο επικοινωνίας.

Department of
Computer Science
Storytelling μέσω
Απεικόνισης
Δεδομένων

Department of
Computer Science

Department of
Computer Science
Τι Δεδομένα Προσφέρονται για Απεικόνιση

Department of
Computer Science
Διαδραστικότητα
Εστιάζουμε ακόμη περισσότερο στις ενδιαφέρουσες πληροφορίες.

Department of
Computer Science
Kάνουμε “ζωντανά” επερωτήματα στα δεδομένα.

Department of
Computer Science
Γίνεται πιο εντυπωσιακό το storytelling

Department of
Computer Science
Δεδομένα Τοποθεσίας
Χωρικός προσανατολισμός
Δεδομένα
σημείου
Καταγράφουν
ακριβής
τοποθεσία
Δεδομένα
γραμμικής
διαδρομής
Γραμμική
προβολή
μεταξύ δυο
σημείων

Department of
Computer Science
Χωρικός προσανατολισμός
Γεωγραφικό μήκος
και Γεωγραφικό πλάτος

Department of
Computer Science
Χωρικός προσανατολισμός χρησιμοποιώντας και το
υψόμετρο

Department of
Computer Science
Χωρικός
προσανατολισμός
με
«στρωματοποίηση»

Department of
Computer Science
Georeferencing
• Ο προσδιορισμός ενός σημείου με βάση το γεωγραφικό
μήκος και πλάτος (πιθανώς και υψόμετρο).

Department of
Computer Science
Χρονικός προσανατολισμός
04/16/2019 @ 2:09pm (UTC)

Department of
Computer Science
Geoparsing
• Γεωγραφικός εντοπισμός σημείου αναφοράς (συντεταγμένες)
από άλλη πηγή (πχ. κείμενο):
Κωδικοποίηση
συντεταγμένων για
προσδιορισμό από
υπολογιστή
(geocoding)

Department of
Computer Science
Πως προσδιορίζονται σημεία αναφοράς βλέποντας τα δεδομένα αυτά;

Department of
Computer Science
kepler.gl https://kepler.gl/

Department of
Computer Science
kepler.gl
• Δωρεάν και ανοικτού κώδικα - https://github.com/uber/kepler.gl
• Διαδραστικοί χάρτες
• Στρωματοποίηση δεδομένων τοποθεσίας
• Γραφικά επερωτήματα ως φίλτρα
• Μεγάλη συλλογή από παραδείγματα
• Δεν απαιτεί τη ύπαρξη εξυπηρετητή παρά μόνο τη χρήση
περιηγητή.
• Δεν απαιτεί γνώση εξειδικευμένου κώδικα

Department of
Computer Science
Google Maps API

Department of
Computer Science
kepler.gl https://kepler.gl/

Department of
Computer Science
kepler.gl
Αρχεία με
χωρο-
χρονικά
δεδομένα
Αρχική
επεξεργασία
δεδομένων

Department of
Computer Science
Kepler.gl
Διαδραστικοί χάρτες χωρών και πόλεων

Department of
Computer Science
Προσθήκη Δεδομένων μέσω Αρχείου

Department of
Computer Science
Kepler.gl
Υποστήριξη για χωρο-χρονικά «στρώματα» δεδομένων
Παράδειγμα: δεδομένα από διαδρομές ταξί στη Νέα Υόρκη

Department of
Computer Science
Kepler.gl
Ενώ οι τοποθεσίες αναχώρησης είναι διάσπαρτες φαίνεται ότι οι
τοποθεσίες άφιξης είναι πιο «ομαδοποιημένες».
αναχώρηση
άφιξη

Department of
Computer Science
Kepler.gl
Ομαδοποίηση σημείων για καλύτερη οπτική προβολή και
εστίαση. Δεν μας ενδιαφέρουν ακριβής σημεία.

Department of
Computer Science
kepler.gl
Heatmap
πυκνότητα σημείων

Department of
Computer Science
kepler.gl
Elevation
Μετά την ομαδοποίηση προβολή ποσοτήτων

Department of
Computer Science
Kepler.gl
Οπτικοποίηση χωρο-χρονικών στρωμάτων δεδομένων

Department of
Computer Science
kepler.gl και UNICEF
• H UNICEF συμβουλεύει κυβερνήσεις φτωχών χωρών
ποια σχολεία και περιοχές να εστιαστούν πρώτα για να
αυξήσουν την συνδεσιμότητα (έρευνες δείχνουν ότι η
συνδεσιμότητα βελτιώνει το βιοτικό επίπεδο).
• Στον επόμενο χάρτη θα δούμε σχολεία στο Κυργιστάν
ως σημεία και τη συνδεσιμότητα περιοχών ως
ομαδοποίηση σημείων.

Department of
Computer Science

Department of
Computer Science
Που πρέπει να στηθεί κέντρο αντιμετώπισης του ιού Εbola
2G, 3G, and 4G coverage across Colombia provided by Facebook
(left). Individual schools as points colored by connectivity (Right).

Department of
Computer Science
Προκλήσεις Μεγάλου Όγκου Δεδομένων
Δεν μπορούμε πλέον οπτικά να βρούμε τις πληροφορίες που
μας ενδιαφέρουν.

Department of
Computer Science

Department of
Computer Science
Η διαδραστικότητα είτε δεν δουλεύει είτε δεν είναι πλέον
«ζωντανή».

Department of
Computer Science
Big Data αναφέρετε σε σύνολα δεδομένων τα οποία
είναι είτε πολύ μεγάλα σε όγκο είτε πολύ πολύπλοκα για
επεξεργασία από παραδοσιακά εργαλεία διαχείρισης
και επεξεργασίας.

Department of
Computer Science
Big Data Διαστάσεις

Department of
Computer Science
Το Αποτύπωμα του Διαδικτύου σε 1 Λεπτό

Department of
Computer Science
• Location intelligence perceived as 5 most valuable data products
to be explored in next 5 years (IEEE future internet, 2018)
Google Maps
καταγράφει
25 εκατομμύρια
διαδρομές
καθημερινά από
1 δισεκατομμύριο
χρήστες.

Department of
Computer Science
Προεπεξεργασία Δεδομένων
• Είναι όλα τα δεδομένα στα χέρια μας χρήσιμα;
• Μπορεί – οπότε καλύτερα να κρατήσουμε όλα τα δεδομένα.
• Είναι όλα τα δεδομένα χρήσιμα για κάθε επερώτημα;
• Όχι – οπότε κάποια προ-επεξεργασία πριν την ανάλυση βοηθά.
• Προβολή «ομαδοποιημένων» δεδομένων και με “zoom”
εστιάζουμε την ανάλυση μόνο εκεί που υπάρχει όντως
ενδιαφέρον.
• Χρήση «φίλτρων» για να «διώξουμε» μη χρήσιμα
δεδομένα.

Department of
Computer Science
Εστίαση σε Ομαδοποιημένα Δεδομένα

Department of
Computer Science

Department of
Computer Science
Filters – χωρο-χρονικά επερωτήματα
Φίλτρα για μείωση όγκου δεδομένων και ζωντανά επερωτήματα

Department of
Computer Science
Facebook Disaster Maps

Department of
Computer Science
Συμπεράσματα
• Η όλο και μεγαλύτερη ψηφιοποίηση συστημάτων
δημιουργεί μεγάλο όγκο δεδομένων.
• Η ανάλυση, διάδοση και επικοινωνία «γνώσης» από
τέτοιο όγκο δεδομένων μπορεί να γίνει ευκολότερα με
απεικόνιση.
• Η διαδραστικότητα στην απεικόνιση επιτρέπει την
ευκολότερη εστίαση στο ενδιαφέρον περιεχόμενο.

Department of
Computer Science
Kepler.gl Εργαστήριο
• Ανοίξτε τον περιηγητή του υπολογιστή σας (πχ.
Chrome, Firefox)
• Κατεβάστε το αρχείο δεδομένων ακολουθώντας τον
παρακάτω σύνδεσμο:
https://tinyurl.com/yxvzmpwh

Department of
Computer Science
• Περιηγηθείτε σε μια από τις ακόλουθες διευθύνσεις
για να ανοίξετε το kepler:
• http://54.77.17.96:7000/
• http://34.249.155.179:7000/
• http://63.35.184.29:7000/
• http://18.202.232.162:7000/
• Κατά τη είσοδο σας στο kepler σύρετε το αρχείο δεδομένων
στον ειδικά διαμορφωμένο χώρο.

Department of
Computer Science
• Διαδραστικότητα
• Στρώματα δεδομένων
• Εφαρμογή φίλτρων
• Ανασκόπιση δεδομένων σαν ταινία
• Διαγράμματα Ζέστης
• 3D προβολή χαρτών

Department of
Computer Science
Απεικόνιση και Αλληλεπίδραση
Δεδομένων Μεγάλου Όγκου με
Διαδραστικούς Χάρτες
Ερωτήσεις/Απορίες

�ݺ�ߣ

Απεικόνιση και Αλληλεπίδραση Δεδομένων Μεγάλου Όγκου με Διαδραστικούς Χάρτες

More Related Content

Απεικόνιση και Αλληλεπίδραση Δεδομένων Μεγάλου Όγκου με Διαδραστικούς Χάρτες

Editor's Notes