Thư viện biểu đồ thú vị

Trang này ở đây để cho bạn biết những việc có thể thực hiện với API Biểu đồ.

 

	Người đàn ông màu xanh dương Biểu đồ dạng đường vẽ tay chi tiết (lxy). Tác giả: Roberto Mensa
	Giải đua xe đạp Tour de France, được xếp hạng Tác giả: Thomas khách     1987, Pedro Delgado Mô hình tái hiện một cách phản cảm sân khấu leo núi đầy kịch tính của Stephen Roche trong chuyến lưu diễn năm 1987. Pedro Delgado mặc trang phục màu vàng đã vượt lên trước đối thủ của mình khi leo lên La Plagne. Tuy nhiên, bằng cách nào đó, Roche đã quay trở lại tranh chấp, xuất hiện ở vạch đích trước Delgado chỉ 5 giây. Ông làm tất cả mọi người ngạc nhiên. Anh ấy suy sụp, kiệt sức và phải được cấp oxy, nhưng anh ấy đã làm đủ; Roche tiếp tục giành chiến thắng trong chuyến tham quan. Dễ hiểu!                 2009, Mark Cavendish Mercurial manxman Mark Cavendish đã giành chiến thắng đáng kinh ngạc 6 chặng trong Chuyến tham quan năm 2009 vừa qua. Tại đây, anh trở thành người Anh đầu tiên giành chiến thắng trong trận chung kết tại đại lộ Champs-Élysées và chiến thắng với cách biệt rất lớn.
	Pac-Man Một biểu đồ hình tròn giống với trò chơi Pac-Man huyền thoại. Tác giả: Paolo Massa
	Tiếng Mondrian Tái tạo biểu đồ dạng đường của bức tranh nổi tiếng của Piet Mondrian: "Bản sáng tác với màu vàng, xanh dương và đỏ" (1937-42) được xây dựng bằng biểu đồ dạng đường. Tác giả: Dmitry Scriptin
	Bản đồ sao của biểu đồ tán xạ Hiển thị biểu đồ sao cho một vị trí cụ thể trên trái đất, hiển thị đường xích đạo (x), thiên đạo (o), cực (N), thiên đỉnh (z) và một số hành tinh (h – Sao Thổ, d – Sao Hoả, D – mặt trăng). Tác giả: Mike Duffy
	Cáo Dấu vết biểu đồ dạng đường (lxy) của một hình ảnh vẽ tay. Chữ ký: James thuộc Dịch vụ trả lời qua điện thoại của EPH
	Biểu đồ đấm (biểu đồ tán xạ) Một ví dụ hay về việc sử dụng cả kích thước và vị trí của các điểm trong biểu đồ phân tán để truyền tải thông tin. Một số điều cần lưu ý trong URL của biểu đồ này: cht=s – Đây là một biểu đồ tán xạ. chd=0,1,2,3,...|0,0,0,0,...|0,1,3,0 – Dữ liệu trong biểu đồ này được bố trí rất rõ ràng dưới dạng lưới. Biểu đồ tán xạ này sử dụng 3 chuỗi; chuỗi cuối cùng dùng để chỉ định kích thước dấu chấm. chds=-1,24,-1,7,0,17 – Tham số chds đặt tỷ lệ là -1 – 24 cột và -1 – 7 hàng. Điều này cho phép bạn chỉ định các dấu chấm bằng một lưới đơn giản tương ứng với giờ và ngày, trong đó 0 là mục nhập đầu tiên. Thang tỷ lệ bắt đầu bằng -1 để các dấu chấm không được vẽ ngay trên các đường trục (thang sẽ thêm một hàng/cột trống xung quanh biểu đồ). chm=o,333333,1,-1,25 – Chỉ định loại điểm đánh dấu mặc định dùng cho mọi điểm. Kích thước này chỉ định một vòng tròn gần như màu đen có kích thước mặc định là 25 điểm. 25 là kích thước của giá trị dữ liệu tối đa; các giá trị nhỏ hơn giá trị này trong chuỗi dữ liệu thứ ba sẽ tạo ra các dấu chấm nhỏ hơn. chxl=0:||12am|1|2|3|4|5|6|7|8|9|10|11|12pm|1|2|3|4|5|6|7|8|9|10|11||1:||Sun|Mon|Tue|Wed|Thr|Fri|Sat| – Nhãn cho trục x và trục y. Giá trị đầu tiên để trống (được chỉ định là "||") cho cả hai trục, để để trống trên giao điểm của trục. Chữ ký: github.com
	Biểu đồ dạng đường về lưu lượng truy cập web (Biểu đồ dạng đường) Một biểu đồ dạng đường được thiết kế tỉ mỉ minh hoạ các kiểu đường kẻ, điểm đánh dấu chồng chéo, đường lưới, màu nền và điểm đánh dấu phạm vi. Dưới đây là các thông số bạn quan tâm: cht=lc – Một biểu đồ dạng đường, trong đó dấu cách trỏ đều dọc theo trục x. chg=25,25,3,2 – Chỉ định kích thước và mẫu lưới. Ở đây là 25 đường đơn vị dọc theo cả trục x và y, với dấu gạch ngang 3 pixel và khoảng trống 2 pixel, tạo ra các đường nét đứt. chf=bg,s,1F1D1D|c,lg,0,363433,1.0,2E2B2A,0.0 – 2 màu nền: một màu nền cho nền biểu đồ và một màu sáng hơn cho vùng biểu đồ trên biểu đồ. chm= – Các điểm đánh dấu hình thoi màu trắng trên đường kẻ thực ra là sự kết hợp của hai điểm đánh dấu: một điểm đánh dấu màu đường kẻ trước tiên, sau đó là một điểm đánh dấu màu trắng nhỏ hơn một chút, cùng kích thước và hình dạng trên cùng một điểm, tạo ra hình thức của một điểm đánh dấu hình thoi màu trắng. Vì màu tô được chỉ định trước, nên màu nền sẽ tự động ở bên dưới điểm đánh dấu màu trắng, vì vậy, bạn không cần chỉ định giá trị thứ tự z cho điểm đánh dấu để xử lý việc phân lớp. r,FF00004C,0,0.40,0.60 – Dải màu đỏ nằm ngang trên nền biểu đồ. Lưu ý giá trị bắt đầu và kết thúc trong khoảng từ 0 đến 1, chứ không phải 0 đến 100. Trường này cũng chỉ định độ trong suốt để cho phép các đường lưới và nền hiển thị xuyên qua. R,0080004C,0,0.70,0.90 – Dải băng dọc màu xanh lục trên nền biểu đồ. Lưu ý giá trị bắt đầu và kết thúc trong khoảng từ 0 đến 1, chứ không phải 0 đến 100. Mã này cũng chỉ định độ trong suốt để cho phép các đường lưới và nền hiển thị xuyên qua. d,CA3D05,0,-1,12,0|d,FFFFFF,0,-1,8,0 – Điểm đánh dấu hình thoi màu đỏ tại tất cả các điểm trên đường màu xanh dương. Điểm đánh dấu đầu tiên là hình thoi màu đỏ, điểm đánh dấu thứ hai nhỏ hơn và có màu trắng một chút. d,87CEEB,1,-1,12,0|d,FFFFFF,1,-1,8,0 – Điểm đánh dấu hình thoi màu xanh dương tại tất cả các điểm trên đường màu xanh dương. Điểm đánh dấu đầu tiên là hình thoi màu xanh dương, điểm đánh dấu thứ hai nhỏ hơn và màu trắng một chút. chxt=y,y,x,x,x và chxl=0:||25|50|75|100|1:|Hits|2:|Nov|Dec|Jan|Feb|Mar|3:|2007|2007|2008|2008|2008|4:|Month – Nhãn trục. Biểu đồ này hiển thị 5 bộ nhãn trục: 2 trục y và 3 trục x. Trục y trong cùng (chỉ mục 0) chứa một nhãn trống thay vì điểm đánh dấu "0". Điểm đánh dấu này sẽ chiếm góc dưới bên trái của biểu đồ một chút. chxp=1,50.0| 4,50.0 – Chỉ định vị trí của các nhãn "Số lần truy cập" và "Tháng" trên trục y và trục x tương ứng. chma=55,120,0,0 – Lề trái và phải tăng lên để thêm một ít khoảng trống giữa các cạnh của biểu đồ và nhãn "Lượt truy cập" cũng như văn bản chú giải. Chữ ký: charts4j.com
	Biểu đồ rađa Một biểu đồ rađa được làm đẹp, có các điểm đánh dấu cho thấy một số điểm khá kém trong các lĩnh vực học tập. cht=r – Biểu đồ rađa. chxt=y,x – Hiển thị tỷ lệ số dưới dạng các vòng tròn đồng tâm (Trục x), cùng với điểm đánh dấu độ (trục y). chls=4 – Kiểu đường kẻ cho đường theo dõi ra đa (đường rộng 4 pixel). chd=t:80,49,48,78,59,80 – Dữ liệu bao gồm một điểm thừa: điểm đầu tiên và điểm cuối cùng có cùng giá trị, để đồ thị có thể bao bọc phù hợp. chxp=0,0,20,40,60,80,100 – Chỉ định các đường lưới cần hiển thị trên trục x. Nếu không có thông số này, các đường lưới sẽ hiển thị sau mỗi 10 đơn vị, điều này sẽ tạo ra một biểu đồ rất nhiều người. chxl=1:|Maths|Arts|French|German|Music – Chỉ có năm nhãn được chỉ định cho 6 điểm dữ liệu. Biểu đồ được chia thành bất kỳ thành phần nào lớn hơn: nhãn hoặc (điểm dữ liệu – 1). Trong biểu đồ này, hai giá trị là giống nhau. chm=s,CC3366,0,-1,12,0|s,FFFFFF,0,-1,8,0 – Tạo một điểm đánh dấu kiểu hình vuông tô màu nền, được tạo bằng cách trước tiên chỉ định các hình vuông màu đỏ, sau đó là một hình vuông màu trắng nhỏ hơn một chút. Hình vuông trắng được chỉ định thứ hai, vì vậy, ô này được vẽ thứ hai và bạn không cần lo lắng về việc chỉ định thứ tự z của từng điểm đánh dấu để xác định cách các điểm đánh dấu đó được xếp chồng. Chữ ký: charts4j.com
	Biểu đồ Radar huyền ảo Một biểu đồ rađa huyền ảo. Nó bao gồm 2 chuỗi dữ liệu: một chuỗi về hình cánh hoa và một chuỗi về hình mắt xanh ở giữa. Các vòng tròn nhỏ màu hồng là điểm đánh dấu vòng tròn. Mắt và cánh hoa được tô màu bằng cách tô đường kẻ. Một số điều cần lưu ý trong URL: cht=rs – Một biểu đồ rađa thuộc loại rs thay vì r để có đường viền tròn. chd=s: ... – Hai chuỗi dữ liệu được chỉ định, mỗi chuỗi có 202 điểm dữ liệu. Loạt mẫu đầu tiên là dành cho cánh hoa, kiểu thứ hai là dành cho con mắt ở giữa. Mỗi điểm cách nhau khoảng 360/202 = 1,8 độ. chf=bg,s,504227 – Màu nền màu nâu chm= B,8FA3D6,0,0,0 – Màu cây dừa cạn cho cánh hoa. o,FFC0CB,1,0,20,0 – Mười điểm đánh dấu hình tròn màu hồng (không phải tất cả điểm đánh dấu ở đây) cách nhau 20 điểm dữ liệu (cách nhau khoảng 36 độ). o,FFC0CB,1,20,20,0 o,FFC0CB,1,40,20,0 ... o,FFC0CB,1,200,20,0 B,3D5593,1,0,0 – Màu xanh lam đậm cho mắt trung tâm Chữ ký: charts4j.com
	Đường cong Lissajous (Biểu đồ dạng đường) Hầu hết mọi người đều từng nhìn thấy đường cong Lissajous trên máy hiện sóng. Đây là biểu đồ đường lxy sử dụng phương pháp brute force để vẽ biểu đồ mọi điểm trong đường cong, theo từng dấu chấm. Phần này mô tả các toạ độ x và y của 800 điểm riêng lẻ bằng định dạng mã hoá mở rộng.
Biểu đồ thanh dọc Biểu đồ thể hiện tác động của những ngày nghỉ ngơi đối với các số liệu thống kê về việc sở hữu bóng trong mùa giải NBA. Dữ liệu này cho thấy mức độ thay đổi trung bình của giải đấu NBA khi các đội thi đấu với số ngày nghỉ cụ thể. Chữ ký: NBAStuffer.com