Làm thế nào tôi có thể làm động một hệ thống của người Viking nghĩ về sơ đồ như thế này?

Tôi thích phiên bản dựa trên javascript này của một công cụ lập sơ đồ tư duy hệ thống. Nó nhận các mối quan hệ và tính toán các giá trị đằng sau nó, sau đó tạo một dấu chấm dọc theo đường dẫn.

Vì vậy, trước khi tôi đi xa hơn, tôi sẽ đăng một liên kết khác để hiểu hệ thống ở đây

Câu hỏi

• Làm cách nào tôi có thể khiến Visio tạo ra các "sơ đồ sống" này và làm cách nào để tôi thực hiện quy trình dễ dàng hơn?

Ví dụ:

Hãy thử xuất HTML bổ trợ này bởi Nikolay

Để làm điều đó trong Visio, bạn phải viết tự động hóa phần mềm của riêng bạn để làm điều đó.

Về bản chất, bạn phải:

1. Viết mã để 'phân tích' bản đồ vào bộ nhớ, về cơ bản chọn các nút và các đầu nối giữa chúng
2. Viết mã để 'pixelate' các trình kết nối thành các điểm riêng lẻ (bạn chỉ cần gọi phương thức .point () trên hình dạng trình kết nối và nó trả về một mảng các chuỗi xy). Sau đó, bạn phải lấy mẫu các điểm thành số chính xác cho số lần cập nhật hoạt hình mà bạn muốn để duyệt qua trình kết nối đó.
3. Viết một thói quen hoạt hình nâng cao một hoặc nhiều họa tiết dọc theo các đầu nối, bao gồm mọi logic hợp lý với hệ thống mà bạn đã mô hình hóa.

Xuất sang SVG và hoạt ảnh bằng javascript có thể là một lựa chọn phù hợp hơn, nhưng tôi hy vọng việc lập trình sẽ tương tự. Sẽ dễ dàng hơn để bao gồm các điều khiển hoạt hình trên một trang web hơn là thử và thực hiện nó trên trang Visio.