Chuyển tới nội dung chính
Z Chart Maker

Trình tạo biểu đồ phân tán

Biểu đồ phân tán từ CSV — cột đầu tiên là X, mỗi cột tiếp theo là một chuỗi Y. Xuất PNG, chạy ngay trong trình duyệt.

Miễn phí Không cần đăng ký Chạy trên trình duyệt Tôn trọng riêng tư Updated

Cách dùng

  1. 1 Dán dữ liệu CSV từ hai cột trở lên — cột đầu tiên là trục X (dạng số).
  2. 2 Mỗi cột bổ sung sẽ trở thành một chuỗi điểm (X, Y).
  3. 3 Tải biểu đồ phân tán xuống dưới dạng PNG.

Vì sao dùng công cụ này

  • Trục X liên tục — phù hợp cho biểu đồ tương quan, kiểu hồi quy, hoặc phân tán mẫu.
  • Hỗ trợ nhiều chuỗi dữ liệu — mỗi cột số sau cột đầu tiên trở thành một chuỗi riêng.
  • Chart.js được tải lười (lazy load) — giữ dung lượng ban đầu nhỏ gọn.
  • Hoàn toàn xử lý phía client — dữ liệu của bạn không bao giờ rời khỏi trình duyệt.

Câu hỏi thường gặp

Vì sao một số điểm bị thiếu?

Các dòng có ô X hoặc Y không phải số sẽ bị bỏ qua âm thầm — giúp bản xem trước luôn gọn gàng.

Tôi có thể hiển thị đường xu hướng không?

Chưa hỗ trợ — hãy chuyển sang <a class="underline" href="/line-chart-maker">Line Chart Maker</a> để vẽ các đoạn nối liền.

Loại biểu đồ nào phù hợp cho dữ liệu phân loại?

Với trục X dạng phân loại (tháng, tên...), hãy dùng <a class="underline" href="/bar-chart-maker">Bar</a> hoặc <a class="underline" href="/line-chart-maker">Line</a>.

Trình tạo biểu đồ phân tán là gì?

Trình tạo biểu đồ phân tán (Scatter Plot Maker) là công cụ tạo biểu đồ phân tán từ dữ liệu CSV ngay trong trình duyệt. Công cụ coi cột đầu tiên là giá trị X và mỗi cột tiếp theo là một chuỗi Y riêng biệt, sau đó vẽ các điểm tương ứng lên biểu đồ hai trục. Biểu đồ có thể được xuất ra dưới dạng ảnh PNG, và toàn bộ quá trình xử lý diễn ra phía client mà không cần tải dữ liệu lên máy chủ.

Tính năng

Nhiều chuỗi điểm XY từ các cột CSV

Cột CSV đầu tiên được phân tích thành giá trị X dạng số cho mỗi hàng; mỗi cột bổ sung trở thành một tập dữ liệu riêng gồm các điểm (X, Y), được tự động tô màu từ bảng màu 10 màu.

Tự động bỏ qua các hàng không phải số

Bất kỳ hàng nào có ô X hoặc Y không vượt qua được kiểm tra Number.isFinite (parseFloat) sẽ bị loại khỏi chuỗi đó, giúp biểu đồ luôn sạch thay vì báo lỗi.

Xuất PNG chỉ với một cú nhấp

Nút Download render canvas trực tiếp thành PNG data URL bằng canvas.toDataURL('image/png') và kích hoạt tải xuống trên trình duyệt — không cần gửi dữ liệu qua máy chủ.

Chỉ xử lý phía client, không tải lên

Việc phân tích CSV (tuân thủ RFC 4180, xử lý được các trường có dấu ngoặc kép chứa dấu phẩy/xuống dòng bên trong) và render Chart.js đều chạy trong trình duyệt; văn bản CSV không bao giờ rời khỏi trang.

Ví dụ

Input

Hours,Score
1,55
2,62
3,70
4,74
5,80
6,86
7,88
8,93

Output

scatter-plot-maker.png — canvas-sized PNG (matches the on-screen preview element, no fixed pixel dimensions), 1 series (Score) of 8 points on linear X/Y axes, point color #10b981 at 70% fill opacity with a solid border, legend shown

Trường hợp sử dụng

  1. 1

    Kiểm tra tương quan giữa hai biến số

    Dán các cặp giá trị (ví dụ Hours,Score) để quan sát trực quan xem X và Y có cùng xu hướng hay không trước khi chạy hồi quy chính thức ở nơi khác.

  2. 2

    Vẽ nhiều chuỗi Y trên cùng một trục X

    Thêm các cột số bổ sung để chồng nhiều chuỗi đo lường (ví dụ dữ liệu cảm biến, điểm kiểm tra) lên cùng các giá trị X trong một biểu đồ duy nhất.

  3. 3

    Kiểm tra trực quan nhanh dữ liệu mẫu thô

    Phát hiện các giá trị ngoại lai hoặc khoảng trống trong một tập dữ liệu nhỏ bằng cách dán trực tiếp và xem hàng nào bị bỏ qua vì không phải số, trước khi làm sạch file CSV gốc.

Tóm tắt

Scatter Plot Maker chuyển văn bản CSV được dán vào thành biểu đồ phân tán XY được render bằng Chart.js 4 trên canvas HTML, coi cột đầu tiên là giá trị X dạng số và mỗi cột tiếp theo là một chuỗi Y riêng biệt gồm các điểm (X, Y) trên trục tuyến tính. Kết quả có thể được xuất dưới dạng PNG thông qua canvas.toDataURL(). Toàn bộ việc phân tích CSV và render biểu đồ đều diễn ra phía client trong trình duyệt — không có tệp nào được tải lên máy chủ.

Danh mục
Sáng tạo
Giá
Miễn phí
Quyền riêng tư
Chạy trên trình duyệt
Đăng ký
Không cần

Tài liệu tham khảo

Quyền riêng tư

Dữ liệu của bạn không bao giờ rời khỏi trình duyệt trừ khi được nêu rõ. Trình tạo biểu đồ phân tán chạy hoàn toàn phía client — không tải lên máy chủ, không ghi log, không theo dõi dữ liệu bạn nhập.

Xây dựng, chia sẻ và phát triển trên Zerethon Social

Đăng ký miễn phí. Kiếm điểm, sưu tầm thành tựu và kết nối với nhà sáng tạo khắp thế giới.

Đăng ký miễn phí