flutter / flutter/devtools

Improve treemap color scheme

Đang mở
#2,315 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
P3 polish screen: app size
Ngôn ngữ chính
Dart
Star
1.7k
Fork
404
Merge trung bình
6 ngày 17 giờ
Pull request đã merge (30 ngày)
18

Mô tả

There are two parts of this problem: single file analysis, and diff analysis.

Single file analysis:
- we could use a gradient (red for large code size nodes and gradually go down to yellow for smaller code size nodes)
- use meaningful colors to call out problems

Diff analysis:
- Red / green is confusing for users. We could use non red / green colors to show positive and negative changes in the diff, or we could flip the current scheme between red / green and their meanings
- maybe only use a red -> yellow gradient to show code size additions and some neutral color to show other negative changes in the diff

In general, we should try to use color and maybe some icons to call out potential code size problems

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Issue không nêu tên tệp, bài kiểm thử hay điểm vào nào. Hãy bắt đầu bằng cách xác định phần triển khai treemap cùng các chế độ xem tệp đơn và phân tích diff, sau đó xem xét cách màu sắc hiện đang biểu thị kích thước mã cũng như các thay đổi tích cực hoặc tiêu cực. Được xem là hoàn tất khi có một quy ước màu sắc và biểu tượng đã được thống nhất, truyền đạt rõ ràng các vấn đề về kích thước mã mà không dựa vào ý nghĩa đỏ/xanh lá gây nhầm lẫn.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
dart
Lĩnh vực
data-visualization, design
Loại issue
Tính năng
Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Cần làm rõ
Mức phù hợp với người mới
25/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.