English

3D kod görselleştirme: bir kod tabanında şehir gibi dolaş

Dosya ağacı kodun nerede olduğunu söyler, neyin önemli olduğunu asla söylemez. RepoVerse bir repoyu tarayıcıda 3D bir şehir olarak çizer; her şeyin bağlı olduğu dosyalar, bu hafta değişenler ve bir yıldır kimsenin dokunmadıkları siluetin öbür ucundan görülür.

Kod nasıl şehre dönüşür

Her kaynak dosya bir sözdizimi ağacına ayrıştırılır ve import'ları çözümlenir; bu da neyin neye bağlı olduğunu gösteren bir graf verir. Graf bir şehir olarak yerleştirilir: klasör bir mahalle, dosya yüksekliği satır sayısını izleyen bir bina, çözümlenen her import iki bina arasında bir yol olur. Git geçmişi aynı anda okunur — bu hafta değişen dosyalar inşaat vinci taşır, dokunulmayan kod griye döner.

İçinde neler yapabilirsin

Şehir bir ekran görüntüsü değil, çalışan bir araç.

  • Orbit veya drone modunda üzerinde uç ya da sokak seviyesinde yürü
  • Bir binaya tıklayıp fonksiyonlarını, sınıflarını, import'larını ve son commit'lerini gör
  • Bir dosyanın etki alanını aydınlat: onu kim import ediyor, değişirse ne bozulur
  • Güvenlik incelemesini açıp bulguları bulundukları dosya ve satırla gör
  • Şehrin linkini paylaş, README'ne rozet ekle veya taranan tüm repoların ortak metropolünde uç

Neden bir şehir

Yazılım şehri görselleştirmesi uzun süredir var olan bir araştırma fikridir, çünkü insanlar şehirleri okumakta iyidir: büyüklüğü, yoğunluğu, uzaklığı ve yaşı bir bakışta değerlendiririz. Kod satırlarını yüksekliğe, klasörleri mahallelere ve bağımlılıkları yollara eşlemek bu sezginin kod üzerinde çalışmasını sağlar. RepoVerse bunu tarayıcıda Three.js ile, herkese açık repolar için kurulum ve kayıt olmadan çalıştırır.

Sorular

3D kod görselleştirme ücretsiz mi?
Evet. Herhangi bir herkese açık GitHub reposunu taramak, şehrini gezmek, paylaşmak ve yazılı özetini okumak ücretsizdir ve hesap gerektirmez.
Hangi diller görselleştirilebilir?
Python, JavaScript, TypeScript ve TSX fonksiyonlar, sınıflar ve import'lar için ayrıştırılır. Go, Rust, Java, Kotlin, C#, PHP, Ruby, C++ ve Swift dosyalar ve mahalleler olarak haritalanır.
Büyük repolarda çalışır mı?
Evet. Büyük repolar yoğun mahalleler olarak yerleştirilir ve sahne tarayıcıda akıcı kalacak şekilde ayarlanmıştır; bir binanın büyüklüğü her zaman taşıdığı kodu yansıtır.

İlgili

Güncellendi 2026-10-11