excalidraw

Bảng vẽ trực tuyến nét kiểu tay, hợp tác nhiều người, dữ liệu mã hoá đầu cuối. Vừa là công cụ vẽ sơ đồ hằng ngày, vừa là một kho mã React đáng học vì phần vẽ canvas và đồng bộ thời gian thực.

Dùng vào việc gì

• Vẽ sơ đồ kiến trúc, luồng dữ liệu cho bài viết và tài liệu dự án
• Nét vẽ tay khiến bản nháp trông đúng là bản nháp, người xem góp ý thoải mái hơn
• Đọc source để học cách xử lý canvas hiệu năng cao và đồng bộ nhiều con trỏ

Lưu ý

Nhúng thư viện của họ vào trang được, nhưng gói khá nặng. Nếu chỉ cần hiện sơ đồ tĩnh thì xuất ra ảnh vector là đủ.