Trình soạn thảo Graphviz
Viết mã DOT và kết xuất sơ đồ Graphviz trực tiếp trong trình duyệt. Đủ 7 engine bố cục, chỉ dòng lỗi cú pháp, xem trước thu phóng được, tải SVG và xuất PNG. Hoàn toàn cục bộ với WebAssembly - không tải lên.
Graphviz và ngôn ngữ DOT là gì?
Graphviz là bộ công cụ cổ điển mã nguồn mở để trực quan hóa đồ thị. DOT là ngôn ngữ văn bản mô tả đỉnh, cạnh và thuộc tính; Graphviz tự động tính bố cục dễ đọc.
Có cần internet để kết xuất không?
Chỉ cần cho lần tải engine bố cục đầu tiên. Sau đó kết xuất chạy cục bộ trong trình duyệt qua WebAssembly, sơ đồ và mã không bao giờ rời khỏi thiết bị.
Hỗ trợ những engine bố cục nào?
Cả bảy: dot (phân cấp), neato và fdp (lực đẩy), circo (vòng tròn), twopi (xuyên tâm), osage (cây cụm) và patchwork (treemap). Chuyển đổi ở dropdown Bố cục.
Xem ý nghĩa lỗi cú pháp thế nào?
Khi mã DOT có vấn đề, bảng lỗi hiển thị thông báo của engine kèm số dòng phân tích thất bại, và bản kết xuất hợp lệ cuối cùng vẫn hiển thị.
Có thể xuất kết quả không?
Có. Tải tệp vector SVG sắc nét, hoặc xuất PNG độ phân giải 2x với nền khớp giao diện hiện tại.
Xem trước có thu phóng cho đồ thị lớn không?
Có. Dùng con lăn chuột trên vùng xem trước hoặc nút thu phóng, kéo để di chuyển, nhấn Vừa khung để đặt lại.
Có ví dụ sẵn không?
Dropdown Ví dụ gồm sơ đồ khối, máy trạng thái, sơ đồ tổ chức, mạng neato và cây xuyên tâm twopi — mỗi mục nạp mã DOT sẵn sàng chỉnh sửa.
Mã DOT của tôi có bị tải lên hay lưu không?
Không. Không gửi gì đến máy chủ và không lưu gì; trình soạn chỉ đọc những gì bạn gõ trong phiên trang hiện tại.
Xử lý được đồ thị cỡ nào?
Đồ thị vài trăm đỉnh kết xuất gần như ngay lập tức. Đồ thị rất lớn (hàng nghìn đỉnh) vẫn chạy nhưng thời gian kết xuất tăng tương ứng.
Kết quả có giống Graphviz dòng lệnh không?
Công cụ gói cùng thư viện Graphviz (phiên bản 16) nên bố cục và SVG tương đương khi chạy lệnh dot cục bộ với đầu vào và tùy chọn giống nhau.
Cách sử dụng Trình soạn thảo Graphviz
Trình biên tập này dựng sơ đồ Graphviz trực tiếp trong trình duyệt của bạn. Viết mã DOT ở bên trái và xem bản xem trước SVG cập nhật theo từng nét gõ — được vận hành bởi thư viện Graphviz thật được biên dịch sang WebAssembly, nên đồ thị của bạn không bao giờ rời khỏi máy tính.
- Gõ hoặc dán mã DOT vào trình biên tập mã nguồn. Bản xem trước tự dựng khoảng 300 ms sau khi bạn ngừng gõ.
- Chuyển bộ máy bố cục (dot, neato, fdp, circo, twopi, osage, patchwork) để thay đổi cách sắp xếp đồ thị.
- Tải mẫu khởi đầu từ danh sách thả xuống Ví dụ — lưu đồ, máy trạng thái, sơ đồ tổ chức, mạng lưới hoặc cây hướng tâm — rồi sửa nó.
- Dùng con lăn chuột hay nút thu phóng để ngắm đồ thị lớn, kéo để dời, và nhấn Vừa khít để đặt lại. Tải kết quả về dạng SVG hoặc xuất PNG gấp đôi.
Nếu lỗi cú pháp xuất hiện, bảng lỗi cho biết chính xác dòng mà bộ phân tích DOT dừng lại — sửa dòng đó và bản xem trước phục hồi ngay lập tức mà không mất mã của bạn.
Công cụ liên quan
- Trình soạn Mermaid Tạo sơ đồ khối, sơ đồ tuần tự, biểu đồ Gantt và nhiều loại khác từ văn bản với trình soạn Mermaid. Kết xuất, thu phóng và xuất SVG hoặc PNG ngay trong trình duyệt.
- Sân chơi Code Sân chơi HTML, CSS và JavaScript trực tuyến với xem trước trực tiếp, trình soạn thảo có số dòng và console thu được. Thử đoạn mã ngay lập tức và tải kết quả thành một tệp HTML - hoàn toàn trong trình duyệt.
- Trình tạo Biểu đồ Tạo biểu đồ cột, đường, vùng, tròn và khuyên từ dữ liệu CSV hoặc TSV dán vào. Xem trước trực tiếp, bảng màu, điều khiển tiêu đề và chú giải cùng xuất PNG 2x - tất cả trong trình duyệt của bạn.
- Kiểm tra Hash Tính toán và xác minh hash MD5, SHA-1, SHA-256, SHA-512 cục bộ
- Máy tính Chmod Máy tính chmod trực tuyến miễn phí để trực quan hóa và tính toán quyền tệp Linux với hộp kiểm. Chuyển đổi ngay lập tức giữa ký hiệu số (755, 644) và tượng trưng (rwxr-xr-x). Hỗ trợ quyền đặc biệt như setuid, setgid, sticky bit.
- Bảng ASCII Tham khảo mã hóa ký tự ASCII đầy đủ với mã thập phân, thập lục phân, bát phân, nhị phân, thực thể HTML và mô tả ký tự. Tìm kiếm và lọc tức thì.
- Trình xem Hex Xem nội dung tệp ở định dạng hex dump với tìm kiếm, điều hướng offset và cuộn ảo
- Tra Cứu Loại MIME Tìm loại MIME theo phần mở rộng tệp ngay lập tức hoặc tra cứu phần mở rộng theo loại MIME. Tài liệu tham khảo trực tuyến miễn phí với hơn 1000 mục.