flutter / flutter/devtools

Improve treemap color scheme

未关闭
#2,315 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
P3 polish screen: app size
主要语言
Dart
星标
1.7k
派生
404
平均合并
6 天 17 小时
30 天内合并 PR
18

描述

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

贡献指南

打开贡献指南

调研方向

该 issue 未指定任何文件、测试或入口点。首先定位 treemap 的实现及其单文件视图和差异分析视图,然后检查当前颜色如何表示代码大小以及正向或负向变化。完成的标准是:形成一套达成共识的颜色和图标方案,能够清晰传达代码大小问题,而不依赖容易造成混淆的红/绿色含义。

由索引模型根据 Issue 内容生成。

评估

技术栈
dart
领域
data-visualization, design
Issue 类型
功能
难度
5/5
预计耗时
一周以上
活跃度
停滞
描述清晰度
需要澄清
新手友好度
25/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。