flutter / flutter/devtools

Improve treemap color scheme

Offen
#2,315 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
P3 polish screen: app size
Vorherrschende Sprache
Dart
Sterne
1.7k
Forks
404
Ø Merge
6 T. 17 Std.
Gemergte PRs (30 T.)
18

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Das Issue nennt keine Dateien, Tests oder Einstiegspunkte. Beginne damit, die Treemap-Implementierung und ihre Ansichten für einzelne Dateien und die Diff-Analyse zu finden, und prüfe anschließend, wie Farben derzeit die Codegröße sowie positive oder negative Änderungen darstellen. Als abgeschlossen gilt die Aufgabe, wenn ein abgestimmtes Farb- und Icon-Schema Probleme mit der Codegröße klar vermittelt, ohne auf verwirrende Rot-/Grün-Bedeutungen angewiesen zu sein.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
dart
Bereich
data-visualization, design
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
25/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.