Tạo biểu đồ hoa hồng Nightingale đẹp mắt để trực quan hóa dữ liệu. Hoàn hảo cho việc hiển thị dữ liệu phân loại ở định dạng tròn.
Features
- Tạo biểu đồ hoa hồng đẹp mắt để trực quan hóa dữ liệu.: Tạo biểu đồ hoa hồng đẹp mắt để trực quan hóa dữ liệu.
- Hỗ trợ hiển thị dữ liệu phân loại.: Hỗ trợ hiển thị dữ liệu phân loại.
- Màu sắc và giao diện có thể tùy chỉnh.: Màu sắc và giao diện có thể tùy chỉnh.
- Hoàn hảo cho trình bày dữ liệu thống kê.: Hoàn hảo cho trình bày dữ liệu thống kê.
Usage Guide
- Bước 1: Nhấp 'Tải Ví Dụ' để xem demo, hoặc nhập dữ liệu của bạn theo định dạng: nhãn,giá trị,màu
- Bước 2: Tùy chỉnh tiêu đề biểu đồ và các tùy chọn hiển thị.
- Bước 3: Nhấp nút 'Tạo Biểu Đồ' để tạo và xem biểu đồ, sau đó tải xuống nếu cần.
Technical Details
Lịch Sử Biểu Đồ Hoa Hồng Nightingale và Tọa Độ Cực
Biểu đồ hoa hồng Nightingale (còn gọi là sơ đồ vùng cực hoặc biểu đồ coxcomb) được Florence Nightingale tiên phong vào năm 1858 để trực quan hóa dữ liệu tử vong trong Chiến tranh Crimea. Biểu đồ sử dụng tọa độ cực nơi các danh mục dữ liệu được thể hiện dưới dạng các hình nêm tỏa ra từ điểm trung tâm, với bán kính tỷ lệ với giá trị dữ liệu. Không giống như biểu đồ tròn nơi góc thay đổi, biểu đồ hoa hồng có góc bằng nhau nhưng bán kính khác nhau.
Thuật Toán Ánh Xạ Dữ Liệu và Tạo Phân Đoạn
Thuật toán tạo biểu đồ chia vòng tròn thành các phân đoạn góc bằng nhau (θ = 360° / n danh mục) và ánh xạ giá trị dữ liệu thành khoảng cách bán kính. Xử lý dữ liệu bao gồm: chuẩn hóa giá trị (tỷ lệ với bán kính tối đa), tính toán diện tích cho các phân đoạn (A = ½ r² θ theo radian), và gán màu từ bảng màu hoặc gradient. Kết xuất phân đoạn sử dụng lệnh đường dẫn SVG hoặc các thao tác vòng cung Canvas, vẽ từ gốc trung tâm với góc và bán kính đã tính toán.
Thiết Kế Trực Quan và So Sánh với Biểu Đồ Khác
Biểu đồ hoa hồng Nightingale cung cấp ưu điểm độc đáo cho các loại dữ liệu cụ thể: dữ liệu theo chu kỳ (mẫu hàng năm 12 tháng, chu kỳ hàng ngày 24 giờ, mẫu hàng tuần), so sánh phân loại (nhiều danh mục có tầm quan trọng ngang nhau), và tác động trực quan (hấp dẫn hơn biểu đồ thanh cho các bài thuyết trình). Công cụ cung cấp tùy chỉnh: lược đồ màu (bảng màu tuần tự, phân kỳ, phân loại), vị trí nhãn (bên trong phân đoạn, bên ngoài với đường nối).
Frequently Asked Questions
- Biểu đồ hoa hồng Nightingale là gì và khi nào tôi nên sử dụng?
- Biểu đồ hoa hồng Nightingale (sơ đồ vùng cực) hiển thị dữ liệu phân loại ở định dạng tròn, trong đó mỗi danh mục là một phần có góc bằng nhau nhưng bán kính thay đổi tỷ lệ với giá trị dữ liệu. Sử dụng cho: dữ liệu theo chu kỳ (mẫu hàng tháng, chu kỳ hàng ngày), so sánh phân loại, và trình bày trực quan nơi bạn muốn làm nổi bật các danh mục chi phối. Nó hấp dẫn về mặt thị giác hơn biểu đồ thanh cho các bài thuyết trình.
- Công cụ chấp nhận định dạng dữ liệu nào?
- Nhập dữ liệu ở định dạng: nhãn,giá trị,màu (một mục mỗi dòng). Màu là tùy chọn - nếu bỏ qua, màu mặc định được sử dụng. Ví dụ: "Product A,350,#FF6B6B Product B,280,#4ECDC4". Nhãn có thể là văn bản, giá trị phải là số, và màu có thể là mã hex (#FF6B6B) hoặc tên màu.
- Các phần được định kích thước và tô màu như thế nào?
- Mỗi phần có góc bằng nhau (360° chia cho số danh mục) nhưng bán kính thay đổi dựa trên giá trị dữ liệu. Bán kính tỷ lệ với giá trị - giá trị lớn hơn tạo ra các đoạn bán kính dài hơn. Màu có thể được chỉ định theo danh mục hoặc sử dụng bảng màu mặc định. Công cụ tự động điều chỉnh giá trị để vừa với biểu đồ trong khi duy trì mối quan hệ tỷ lệ.
- Tôi có thể tùy chỉnh giao diện biểu đồ không?
- Có, bạn có thể tùy chỉnh: tiêu đề biểu đồ, hiển thị/ẩn nhãn (tên danh mục), hiển thị/ẩn phần trăm, và màu danh mục riêng lẻ. Công cụ cung cấp tùy chọn để điều chỉnh trình bày trực quan trong khi duy trì cấu trúc cốt lõi của sơ đồ vùng cực.
- Lợi ích so với biểu đồ tròn hoặc thanh là gì?
- Biểu đồ Nightingale cung cấp: các phần có góc bằng nhau giúp so sánh dễ dàng hơn, chiều dài bán kính thể hiện rõ ràng độ lớn, tác động trực quan tốt hơn cho các bài thuyết trình, lý tưởng cho dữ liệu theo chu kỳ/định kỳ, và hiệu quả để làm nổi bật các danh mục chi phối. Không giống như biểu đồ tròn nơi góc thay đổi, biểu đồ hoa hồng duy trì góc nhất quán làm cho so sánh giá trị trực quan hơn.
Related Documentation
- MDN - Canvas API - HTML5 Canvas API for graphics and visualization
- MDN - SVG Documentation - Scalable Vector Graphics documentation and tutorials
- W3C - SVG Specification - Official SVG specification by W3C
- MDN - CSS Color - CSS color values and color spaces
- Web.dev - Graphics and Visual Effects - Các thực hành tốt nhất for web graphics and animations