Mọi hướng dẫn

Tạo bong bóng động, sunburst, mạng và Gantt
từng bước.

Bốn biểu đồ trả lời các câu hỏi khác nhau và cần cấu trúc hàng khác nhau. Hãy nắm lược đồ trạng thái bong bóng, đường dẫn phân cấp, liên kết có trọng số và tác vụ lịch.

10 phút đọcCập nhật
HƯỚNG DẪN · VÍ DỤ TRỰC TIẾP

Dòng thời gian bong bóng chuyển động

2021Bắc · 2021 · X 22 · Y 64 · 38Bắc38Nam · 2021 · X 48 · Y 36 · 62Nam62Đông · 2021 · X 71 · Y 72 · 44Đông44Tây · 2021 · X 84 · Y 28 · 26Tây262021202220232024
LIVELYCHARTLàm dữ liệu chuyển động

Từ dữ liệu sạch đến biểu đồ sẵn đăng.

  • Biến ý định tìm kiếm thành một quyết định biểu đồ
  • Chuẩn bị CSV có nhãn, đơn vị và kỳ dữ liệu sạch
  • Chỉ dùng Dòng thời gian bong bóng chuyển động khi đúng quan hệ dữ liệu
  • Xuất cả video và PNG khung cuối
Thử ví dụ

Bắt đầu với cấu trúc dữ liệu đúng

Dùng lược đồ sẵn sàng cho biểu đồ này làm điểm xuất phát. Thay các hàng mẫu, giữ nguyên cấu trúc cột và xem toàn bộ chuyển động trước khi xuất.

Phù hợp với
Bong bóng di chuyển, đổi cỡ và tái nhóm qua các kỳ để thể hiện biến đổi đa biến.
Cột bắt buộc
Thực thểGiai đoạnXYKích thước
Ý nghĩa của một hàng
Một thực thể trong một giai đoạn, gồm tọa độ X/Y và cỡ bong bóng dạng số. Lặp lại thực thể cho từng giai đoạn.

Quy trình ba bước

  1. 1

    Giữ tên tiêu đề và thứ tự cột như minh họa ở trên.

  2. 2

    Thêm một quan sát mỗi hàng và nhất quán tên, đơn vị, giai đoạn.

  3. 3

    Xem trước mọi khung hình rồi chỉnh nhãn, mật độ và nhịp chuyển động.

Dòng thời gian bong bóng chuyển độngVí dụ CSV đã bản địa hóa
Thực thể,Giai đoạn,X,Y,Kích thước
Bắc,2021,22,64,38
Nam,2021,48,36,62
Đông,2021,71,72,44
Tây,2021,84,28,26
Bắc,2022,31,69,46
Nam,2022,52,43,70
Đông,2022,66,78,51
Tây,2022,77,35,34
Bắc,2023,39,75,58
Nam,2023,59,51,77
Đông,2023,72,83,63
Tây,2023,69,44,42
Bắc,2024,47,81,72
Nam,2024,66,60,86
Đông,2024,79,88,75
Tây,2024,61,53,55
Ý nghĩa của một hàng

Bắt đầu với cấu trúc dữ liệu đúng

Dùng lược đồ sẵn sàng cho biểu đồ này làm điểm xuất phát. Thay các hàng mẫu, giữ nguyên cấu trúc cột và xem toàn bộ chuyển động trước khi xuất.

Phù hợp với
Các vòng lồng nhau mở từ tâm để thể hiện cấu trúc phân cấp và đóng góp của từng nhánh.
Cột bắt buộc
Đường dẫnGiá trị
Ý nghĩa của một hàng
Một đường dẫn lá và giá trị của nó. Phân tách cấp bằng dấu gạch chéo, ví dụ Sản phẩm/Cốt lõi/Tìm kiếm.

Quy trình ba bước

  1. 1

    Giữ tên tiêu đề và thứ tự cột như minh họa ở trên.

  2. 2

    Thêm một quan sát mỗi hàng và nhất quán tên, đơn vị, giai đoạn.

  3. 3

    Xem trước mọi khung hình rồi chỉnh nhãn, mật độ và nhịp chuyển động.

Sunburst độngVí dụ CSV đã bản địa hóa
Đường dẫn,Giá trị
Sản phẩm/Cốt lõi/Tìm kiếm,28
Sản phẩm/Cốt lõi/Không gian làm việc,22
Sản phẩm/Tăng trưởng/Tự động hóa,18
Sản phẩm/Tăng trưởng/Thông tin chuyên sâu,14
Dịch vụ/Tư vấn/Chiến lược,12
Dịch vụ/Tư vấn/Nghiên cứu,9
Dịch vụ/Triển khai/Ra mắt,16
Dịch vụ/Triển khai/Hỗ trợ,11
Đối tác/Nền tảng/Đám mây,13
Đối tác/Nền tảng/Dữ liệu,8
Ý nghĩa của một hàng

Bắt đầu với cấu trúc dữ liệu đúng

Dùng lược đồ sẵn sàng cho biểu đồ này làm điểm xuất phát. Thay các hàng mẫu, giữ nguyên cấu trúc cột và xem toàn bộ chuyển động trước khi xuất.

Phù hợp với
Các quan hệ có trọng số được vẽ khi nút liên kết ổn định trong bố cục lực.
Cột bắt buộc
NguồnĐíchTrọng số
Ý nghĩa của một hàng
Một liên kết có hướng từ nguồn đến đích. Trọng số điều khiển độ mạnh liên kết và mức nhấn của nút.

Quy trình ba bước

  1. 1

    Giữ tên tiêu đề và thứ tự cột như minh họa ở trên.

  2. 2

    Thêm một quan sát mỗi hàng và nhất quán tên, đơn vị, giai đoạn.

  3. 3

    Xem trước mọi khung hình rồi chỉnh nhãn, mật độ và nhịp chuyển động.

Mạng lựcVí dụ CSV đã bản địa hóa
Nguồn,Đích,Trọng số
Sản phẩm,Thiết kế,8
Sản phẩm,Kỹ thuật,10
Sản phẩm,Nghiên cứu,6
Thiết kế,Thương hiệu,4
Thiết kế,Tăng trưởng,5
Kỹ thuật,Dữ liệu,7
Kỹ thuật,Nền tảng,9
Nghiên cứu,Dữ liệu,5
Tăng trưởng,Bán hàng,6
Bán hàng,Hỗ trợ,4
Nền tảng,Hỗ trợ,5
Dữ liệu,Thông tin chuyên sâu,7
Thông tin chuyên sâu,Tăng trưởng,3
Ý nghĩa của một hàng

Bắt đầu với cấu trúc dữ liệu đúng

Dùng lược đồ sẵn sàng cho biểu đồ này làm điểm xuất phát. Thay các hàng mẫu, giữ nguyên cấu trúc cột và xem toàn bộ chuyển động trước khi xuất.

Phù hợp với
Thanh dự án dựng trên dòng thời gian chung với phần tiến độ và tác vụ xuất hiện tuần tự.
Cột bắt buộc
Tác vụBắt đầuKết thúcTiến độ
Ý nghĩa của một hàng
Một tác vụ có vị trí bắt đầu/kết thúc dạng số và tiến độ từ 0 đến 100. Kết thúc phải lớn hơn bắt đầu.

Quy trình ba bước

  1. 1

    Giữ tên tiêu đề và thứ tự cột như minh họa ở trên.

  2. 2

    Thêm một quan sát mỗi hàng và nhất quán tên, đơn vị, giai đoạn.

  3. 3

    Xem trước mọi khung hình rồi chỉnh nhãn, mật độ và nhịp chuyển động.

Dòng thời gian Gantt độngVí dụ CSV đã bản địa hóa
Tác vụ,Bắt đầu,Kết thúc,Tiến độ
Nghiên cứu,0,3,100
Chiến lược,1,5,92
Thiết kế UX,3,8,78
Nguyên mẫu,5,10,65
Kỹ thuật,7,15,48
Kiểm thử,13,17,32
Ra mắt,16,20,12
Ý nghĩa của một hàng

Theo quy trình

Làm các bước theo thứ tự cho biểu đồ mới, hoặc dùng làm checklist cho hoạt hình có sẵn.

  1. 01

    Hiểu ý định tìm kiếm địa phương

    Xác định người đọc cần hướng dẫn, mẫu, thiết lập xuất hay ví dụ báo cáo trước khi chọn biểu đồ.

  2. 02

    Chuẩn bị CSV thay thế được

    Dùng một hàng tiêu đề, nhãn ngắn, đơn vị nhất quán và bỏ tổng phụ hoặc ghi chú làm hỏng ví dụ.

  3. 03

    Chọn mẫu biểu đồ

    Bắt đầu từ câu hỏi: xếp hạng, xu hướng, so sánh, tỷ trọng, luồng hay quan hệ. Dùng Dòng thời gian bong bóng chuyển động khi nó làm quan hệ rõ ràng.

  4. 04

    Viết kết luận hiển thị

    Đặt kết luận, đơn vị và giai đoạn gần biểu đồ để khung cuối dùng được trong tìm kiếm, mạng xã hội hoặc báo cáo.

  5. 05

    Chỉnh chuyển động để dễ đọc

    Làm chậm ở điểm dẫn đầu, giao cắt, bất thường và giá trị cuối. Chuyển động nên dẫn mắt, không trang trí.

  6. 06

    Xuất theo đích dùng

    Tạo MP4 hoặc WebM cho chuyển động và PNG cho PDF, email, preview và bối cảnh giảm chuyển động.

Thử các mẫu này

So sánh chuyển động và cách đọc trước khi chọn định dạng. Mỗi ví dụ mở thành biểu đồ chỉnh được, theo dữ liệu.

XU HƯỚNG · XEM TRƯỚC TRỰC TIẾP

Dòng thời gian bong bóng chuyển động

2021Bắc · 2021 · X 22 · Y 64 · 38Bắc38Nam · 2021 · X 48 · Y 36 · 62Nam62Đông · 2021 · X 71 · Y 72 · 44Đông44Tây · 2021 · X 84 · Y 28 · 26Tây262021202220232024
LIVELYCHARTLàm dữ liệu chuyển động
xu hướng

Dòng thời gian bong bóng chuyển động

Bong bóng di chuyển, đổi cỡ và tái nhóm qua các kỳ để thể hiện biến đổi đa biến.

Dùng mẫu này
TỶ TRỌNG · XEM TRƯỚC TRỰC TIẾP

Sunburst động

Sản phẩm: 82Sản phẩmCốt lõi: 50Cốt lõiTìm kiếm: 28Tìm kiếmKhông gian làm việc: 22Không gian làm việcTăng trưởng: 32Tăng trưởngTự động hóa: 18Tự động hóaThông tin chuyên sâu: 14Thông tin chuyên sâuDịch vụ: 48Dịch vụTư vấn: 21Tư vấnChiến lược: 12Chiến lượcNghiên cứu: 9Nghiên cứuTriển khai: 27Triển khaiRa mắt: 16Ra mắtHỗ trợ: 11Hỗ trợĐối tác: 21Đối tácNền tảng: 21Nền tảngĐám mây: 13Đám mâyDữ liệu: 8Dữ liệu151
LIVELYCHARTLàm dữ liệu chuyển động
tỷ trọng

Sunburst động

Các vòng lồng nhau mở từ tâm để thể hiện cấu trúc phân cấp và đóng góp của từng nhánh.

Dùng mẫu này
SO SÁNH · XEM TRƯỚC TRỰC TIẾP

Mạng lực

Sản phẩm → Thiết kế: 8Sản phẩm → Kỹ thuật: 10Sản phẩm → Nghiên cứu: 6Thiết kế → Thương hiệu: 4Thiết kế → Tăng trưởng: 5Kỹ thuật → Dữ liệu: 7Kỹ thuật → Nền tảng: 9Nghiên cứu → Dữ liệu: 5Tăng trưởng → Bán hàng: 6Bán hàng → Hỗ trợ: 4Nền tảng → Hỗ trợ: 5Dữ liệu → Thông tin chuyên sâu: 7Thông tin chuyên sâu → Tăng trưởng: 3Sản phẩmThiết kếKỹ thuậtNghiên cứuThương hiệuTăng trưởngDữ liệuNền tảngBán hàngHỗ trợThông tin chuyên sâu
LIVELYCHARTLàm dữ liệu chuyển động
so sánh

Mạng lực

Các quan hệ có trọng số được vẽ khi nút liên kết ổn định trong bố cục lực.

Dùng mẫu này
XU HƯỚNG · XEM TRƯỚC TRỰC TIẾP

Dòng thời gian Gantt động

048121620Nghiên cứuNghiên cứu: 0—3 · 100%100%Chiến lượcChiến lược: 1—5 · 92%92%Thiết kế UXThiết kế UX: 3—8 · 78%78%Nguyên mẫuNguyên mẫu: 5—10 · 65%65%Kỹ thuậtKỹ thuật: 7—15 · 48%48%Kiểm thửKiểm thử: 13—17 · 32%32%Ra mắtRa mắt: 16—20 · 12%12%
LIVELYCHARTLàm dữ liệu chuyển động
xu hướng

Dòng thời gian Gantt động

Thanh dự án dựng trên dòng thời gian chung với phần tiến độ và tác vụ xuất hiện tuần tự.

Dùng mẫu này

Tình huống liên quan

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

Hướng dẫn Tạo bong bóng động, sunburst, mạng và Gantt dành cho ai?

Dành cho đội muốn biến CSV hoặc bảng tính thành biểu đồ động tái sử dụng cho báo cáo, trang sản phẩm, mạng xã hội hoặc thuyết trình.

Nên bắt đầu với biểu đồ nào?

Bắt đầu với mẫu Dòng thời gian bong bóng chuyển động nếu nó đúng với quan hệ dữ liệu. Nếu câu hỏi khác, đổi mẫu trước khi chỉnh thiết kế.

Nên xuất định dạng nào?

MP4 cho tương thích rộng, WebM cho web, GIF chỉ cho vòng lặp ngắn không âm thanh, PNG làm khung cuối dự phòng.

Sẵn sàng
làm dữ liệu chuyển động?

Mở studio