Vize erişim verisini Three.js küresine bağlayan, aranabilir bir pasaport gezgini. Pasaportu seçin, dünyayı döndürün ve ülkelerin giriş kategorilerini inceleyin.
- Yıl
- 2026
- Disiplinler
- İnteraktif web / Veri görselleştirme / Three.js / Yaratıcı geliştirme
Bağımsız proje. Gerçek tasarım ve geliştirme çalışması olarak gösteriliyor; müşteri işi olarak sunulmuyor.
Bağlam
Bir liste, pasaportla nerelere gidilebildiğini anlatır; coğrafi örüntüyü aynı açıklıkla göstermez. Passport Power, bu bilgiyi içinde gezilebilen bir görünüme dönüştürüyor.
Fikir
Ülkenin kendisini arayüze dönüştürmek. Pasaport seçimi kürenin renklerini değiştiriyor; üzerine gelme ve tıklama, genel görünümü kaybetmeden ülkeyi ve giriş kategorisini öne çıkarıyor.
Sistem
Pasaport kataloğu ve vize matrisi; arama, sıralama, kategori toplamları ve ülke detaylarını birleştiriyor. Coğrafi sınırlar canvas dokusuna dönüşüyor; vizesiz, kapıda vize, eVisa ve vize gerekli durumları ayrı renklerle gösteriliyor.
Ne ürettik
Arayüz HTML, CSS ve JavaScript; küre Three.js ve OrbitControls ile kuruldu. TopoJSON sınırları, raycasting ve noktanın çokgen içinde olup olmadığını denetleyen hesaplamalar iki katmanı bağlıyor. Görselleştirme depodaki veri kümesine dayanıyor; canlı seyahat danışmanlığı sunmuyor.
Görüşme ayarla