Show HN: Công cụ trực quan hóa đường chuyền bóng đá được তৈরি bằng Three.js

 (statsbomb-3d-viz.vercel.app)
1 điểm bởi GN⁺ 2024-07-30 | 1 bình luận | Chia sẻ qua WhatsApp
  • Chưa chọn sự kiện nào
  • Áp dụng bộ lọc
  • Xóa bộ lọc
  • Đặt lại camera
  • Công cụ trực quan hóa 3D StatsBomb
  • Dán URL của tệp dữ liệu sự kiện StatsBomb
  • Tải dữ liệu
  • Tải ví dụ
  • Ví dụ: @c_mnzs / gh: @carlos-menezes

Tổng hợp của GN⁺

  • Công cụ này cung cấp khả năng trực quan hóa dữ liệu sự kiện StatsBomb ở dạng 3D
  • Người dùng có thể nhập URL của tệp dữ liệu sự kiện để tải dữ liệu
  • Có thể chọn dữ liệu mong muốn thông qua tính năng áp dụng hoặc xóa bộ lọc
  • Tính năng đặt lại camera cho phép đưa dữ liệu trực quan hóa trở về trạng thái ban đầu
  • Công cụ này có thể hữu ích cho những người quan tâm đến phân tích và trực quan hóa dữ liệu

Bài viết liên quan

1 bình luận

 
GN⁺ 2024-07-30
Ý kiến trên Hacker News

  • Luôn thấy vui khi xem một dự án hay tận dụng dữ liệu miễn phí

    • Có hàng nghìn trận bóng đá miễn phí trên GitHub
    • Cũng đang thu thập dữ liệu trận đấu của Lionel Messi và Tom Brady

  • Tôi thích trực quan hóa 2D

    • Trước đây tôi đã làm một công cụ phân tích PUBG
    • Tôi tự hỏi liệu các đội bóng chuyên nghiệp cũng có dùng công cụ tương tự không

  • Tôi đang học three.js thông qua dự án này

    • Cũng đáng cân nhắc deck.gl hoặc kepler.gl
    • Chúng cung cấp khả năng trực quan hóa ở mức cao hơn và tối ưu hiệu năng tốt hơn
    • Có thể tạo prototype nhanh

  • Giao diện rất tuyệt

    • Có thể tự tìm và chỉnh sửa raw json trực tiếp
    • Không rõ lý do dùng three.js là gì
    • Đường chuyền của whoscored trực quan hơn

  • Thật thú vị khi thấy vị trí của các cầu thủ được phản ánh thế nào trong trận đấu

    • Việc lấy trận Bayer Leverkusen vs. Werder Bremen làm ví dụ là rất hay

  • Dự án rất ngầu

    • Có người đề nghị thêm animation theo thời gian
    • Khám phá dữ liệu là bước đầu tiên

  • Tôi tò mò ý nghĩa của màu sắc là gì

    • Có đề xuất cách hiển thị hướng và tốc độ của đường chuyền
    • Cũng sẽ tốt nếu có phần tóm tắt thống kê cho từng cầu thủ và từng đội

  • Sẽ rất hay nếu có thể phát lại các đường chuyền theo thứ tự thời gian

  • Tính năng "Load Example" rất hữu ích

    • Nếu kết hợp với camera trận đấu thời gian thực thì sẽ rất mạnh

  • Không tải được file

    • Đã thử nhiều định dạng URL khác nhau nhưng không hoạt động
    • Cần cải thiện định dạng ví dụ hoặc thông báo lỗi
    • Sẽ tốt hơn nếu có thêm nhiều bộ lọc sau khi engine chính hoàn thiện