upload_2017-8-30_8-23-4.png

 

Các GIF động có thể làm Tableau viz của bạn trở nên thú vị. Kiểm tra Rainy Day Viz ở trên để làm ví dụ. Làm thế nào để thực hiện các viz? Làm theo các bước dưới đây để tạo và tạo kiểu bằng cách sử dụng GIF động.

 

1. Sử dụng GIF động làm hình nền

 

 

Đây là mẹo mà tôi đã sử dụng: Data + Science. Trong trường hợp này, tôi đã sử dụng GIF động để hiển thị các hành động trở nên trực quan hơn. Tuy nhiên, trong cách này, tôi đang sử dụng GIF động làm hình nền. Và tôi đã tạo một trang HTML và sử dụng GIF động làm hình nền. Dưới đây là một số mã ví dụ để thực hiện việc này. Lưu mã này, đặt một đối tượng trang web vào bảng điều khiển của bạn và sử dụng địa chỉ cho trang được lưu trữ của bạn.

 

 

<html>

 

<style type="text/css">

 

body {

 

background: url(http://www.dataplusscience.com/files/200.gif)

 

no-repeat rgb(30,30,30) fixed center center;

 

background-size: contain;

 

}

 

</style>

 

</html>

 

2. Text Box Có Thể Trong Suốt

 

Nền biểu đồ và nền của bản đồ không thể hiển thị trong suốt trên trang tổng quan, nhưng các đối tượng văn bản có thể hiển thị trong suốt. Điều này cho phép văn bản xuất hiện trên đầu GIF động nhưng không có màu nền. Nhấp chuột phải và chọn "định dạng đối tượng văn bản" và đặt bóng để "none".

 

upload_2017-8-30_8-23-40.png


3. Sử dụng ký tự Unicode trong hộp văn bản với nền trong suốt

 

Một trong những lợi ích của việc sử dụng các ký tự Unicode là nó nằm trong một hộp văn bản, có nghĩa là nó có thể có nền trong suốt. (Tìm hiểu thêm về cách sử dụng các ký tự Unicode ở đây.) Trong câu này, ta đang sử dụng ký tự ô với bóng của đối tượng văn bản được đặt thành "none".

 

upload_2017-8-30_8-24-15.png

 

4. Sử dụng hộp văn bản trống với bóng

 

Hộp nền ánh sáng phía trên cùng của GIF động là một hộp văn bản trống. Đơn giản chỉ cần thêm một hộp văn bản với một không gian trống để Dashboad(floating) và thiết lập bóng tối đến 50% hoặc đến mức mong muốn.

 

upload_2017-8-30_8-24-52.png

 

5. Sử dụng các tệp PNG với nền trong suốt

 

 

Bản đồ là một tệp PNG là một hình ảnh có nền trong suốt. Khi được đặt trên bảng điều khiển, điều này có tác dụng tương tự như văn bản trong suốt.

upload_2017-8-30_8-25-15.png

 

6. Sử dụng hộp văn bản cho biểu đồ với các ký tự Unicode

 

upload_2017-8-30_8-25-36.png

 

7. Tạo một trường tính toán để vẽ bản đồ

 

 

Khi thiết kế bản đồ trên Tableau, nhưng tôi không có bất kỳ dữ liệu địa lý nào. Tôi tạo ra hai trường được tính toán - một cho State, trong đó có "Ohio" trong công thức, và một cho City, trong đó có "Cincinnati" trong công thức. Sau đó, đặt trường địa lý thành Thành phố và tiểu bang(tỉnh) tương ứng để Tableau tạo ra kinh độ và vĩ độ. Phần còn lại chỉ là định dạng bản đồ (thêm vào đó ở đây). Đó là một bản đồ hai trục với một bản đồ tô bóng cho tiểu bang(tỉnh) và một bản đồ chấm cho thành phố.

 

upload_2017-8-30_8-26-14.png

 

8. Sử dụng công cụ để tạo một GIF động

 

 

Có một số công cụ trực tuyến để tạo các GIF văn bản động. Tôi đã sử dụng textanim.com. Công cụ này có một hộp để nhập văn bản tùy chỉnh của riêng bạn và đặt các cài đặt khác nhau cho các tùy chọn màu, kích thước và hình ảnh động. Một khi bạn đã thiết kế văn bản phim hoạt hình, sau đó bạn có thể tải xuống dưới dạng tệp GIF động.

 

upload_2017-8-30_8-26-44.png

 

9. Sử dụng một vùng chứa cho tiêu đề biểu đồ và biểu đồ

 

 

Khi đặt một biểu đồ trên một bảng điều khiển bằng cách sử dụng một floating tile, tiêu đề của biểu đồ có một break nhỏ từ khu vực biểu đồ. Hai khu vực có thể được ngăn cách riêng, nhưng nếu chúng có cùng màu, sau đó có một khoảng nhỏ giữa, sau đó đặt chúng vào một container. Và bạn có thể định dạng nền của vùng chứa và tiêu đề và diện tích biểu đồ sẽ xuất hiện trong vùng chứa.

 

Without a container:

 

upload_2017-8-30_8-27-8.png

 

With a container:

upload_2017-8-30_8-27-48.png

 

10. Sử dụng các ký tự Unicode để tạo các biểu đồ kết cấu

 

 

Tableau không cung cấp thẻ Marks cho thuộc tính preattentive của kết cấu. Trong câu này, tôi đã sử dụng một hộp văn bản với các ký tự Unicode và đặt nó trên đầu biểu đồ thanh. Do đường lưới, tôi đã kết thúc bằng cách sử dụng bốn hộp văn bản để các dấu chấm không hiển thị trên đường line. Nhưng nếu các đường line không có, sau đó nó có thể là một hộp văn bản. Lưu ý: Một nhược điểm là chú giải công cụ từ biểu đồ thanh sẽ không hoạt động nếu nó được bao phủ bằng hộp văn bản.

upload_2017-8-30_8-29-11.png