Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(327)

Issue 2918353002: Swarming UI: Added piechart for timing information. (Closed)

Created:
3 years, 6 months ago by ayanaadylova
Modified:
3 years, 6 months ago
CC:
chromium-reviews, infra-reviews+luci-py_chromium.org
Target Ref:
refs/heads/master
Project:
luci-py
Visibility:
Public.

Description

Swarming UI: Added piechart for timing information. Uses svg-piechart to display a pie chart of timing information. BUG=727944 Review-Url: https://codereview.chromium.org/2918353002 Committed: https://github.com/luci/luci-py/commit/4e5ca5c27f98b9b64e129dd8d7fcfee471084180

Patch Set 1 #

Total comments: 15

Patch Set 2 #

Total comments: 6

Patch Set 3 : Removed _convertToInteger() function. #

Total comments: 2

Patch Set 4 : Added corresponding color to pending time and duration. #

Total comments: 4

Patch Set 5 : Changed piechart colors. #

Patch Set 6 : Changed piechart colors. #

Patch Set 7 : Rebase. #

Patch Set 8 : Vulcanized files. #

Patch Set 9 : Fixed bug with negative pending time. #

Unified diffs Side-by-side diffs Delta from patch set Stats (+124 lines, -60 lines) Patch
M appengine/swarming/ui/bower.json View 1 5 6 1 chunk +2 lines, -1 line 0 comments Download
M appengine/swarming/ui/build/elements.html View 1 2 3 4 5 6 7 6 chunks +37 lines, -16 lines 0 comments Download
M appengine/swarming/ui/build/js/js.js View 1 2 3 4 5 6 7 1 chunk +3 lines, -3 lines 0 comments Download
M appengine/swarming/ui/res/imp/taskpage/task-page.html View 1 2 3 4 5 6 7 8 7 chunks +82 lines, -40 lines 0 comments Download

Messages

Total messages: 37 (15 generated)
ayanaadylova
3 years, 6 months ago (2017-06-05 17:23:17 UTC) #2
Ryan Tseng
Description should be prepended like: "Swarming UI: Added piechart for timing information." The description isn't ...
3 years, 6 months ago (2017-06-05 22:25:48 UTC) #3
Sergey Berezin (google)
Overall the code looks good! Most comments are for cleanup, and a feature request for ...
3 years, 6 months ago (2017-06-05 22:43:02 UTC) #5
ayanaadylova
On 2017/06/05 22:25:48, Ryan Tseng wrote: > Description should be prepended like: > > "Swarming ...
3 years, 6 months ago (2017-06-05 23:36:10 UTC) #8
ayanaadylova
On 2017/06/05 22:43:02, Sergey Berezin (google) wrote: > Overall the code looks good! Most comments ...
3 years, 6 months ago (2017-06-05 23:36:32 UTC) #9
Sergey Berezin
A couple of more comments - almost there! https://codereview.chromium.org/2918353002/diff/20001/appengine/swarming/ui/package.json File appengine/swarming/ui/package.json (right): https://codereview.chromium.org/2918353002/diff/20001/appengine/swarming/ui/package.json#newcode13 appengine/swarming/ui/package.json:13: "sinon": ...
3 years, 6 months ago (2017-06-06 00:17:13 UTC) #10
Ryan Tseng
Almost there! You need to duplicate the title in the description as the first line, ...
3 years, 6 months ago (2017-06-06 00:22:07 UTC) #11
ayanaadylova
https://codereview.chromium.org/2918353002/diff/1/appengine/swarming/handlers_frontend.py File appengine/swarming/handlers_frontend.py (right): https://codereview.chromium.org/2918353002/diff/1/appengine/swarming/handlers_frontend.py#newcode236 appengine/swarming/handlers_frontend.py:236: #'client_id': 525190223929-uban7ac2410omu2a9e65jvpe8b4rkmue.apps.googleusercontent.com, On 2017/06/05 22:25:48, Ryan Tseng wrote: > ...
3 years, 6 months ago (2017-06-06 01:25:02 UTC) #12
ayanaadylova
On 2017/06/06 00:17:13, Sergey Berezin wrote: > A couple of more comments - almost there! ...
3 years, 6 months ago (2017-06-06 01:25:49 UTC) #13
ayanaadylova
On 2017/06/06 00:22:07, Ryan Tseng wrote: > Almost there! > > You need to duplicate ...
3 years, 6 months ago (2017-06-06 01:26:10 UTC) #14
Sergey Berezin
LGTM with one more comment. Thanks! https://codereview.chromium.org/2918353002/diff/40001/appengine/swarming/ui/res/imp/taskpage/task-page.html File appengine/swarming/ui/res/imp/taskpage/task-page.html (right): https://codereview.chromium.org/2918353002/diff/40001/appengine/swarming/ui/res/imp/taskpage/task-page.html#newcode459 appengine/swarming/ui/res/imp/taskpage/task-page.html:459: <td>[[_pending(_result)]]</td> Let's also ...
3 years, 6 months ago (2017-06-06 18:29:08 UTC) #16
ayanaadylova
https://screenshot.googleplex.com/AtvduQWF8sy https://codereview.chromium.org/2918353002/diff/40001/appengine/swarming/ui/res/imp/taskpage/task-page.html File appengine/swarming/ui/res/imp/taskpage/task-page.html (right): https://codereview.chromium.org/2918353002/diff/40001/appengine/swarming/ui/res/imp/taskpage/task-page.html#newcode459 appengine/swarming/ui/res/imp/taskpage/task-page.html:459: <td>[[_pending(_result)]]</td> On 2017/06/06 18:29:08, Sergey Berezin wrote: > ...
3 years, 6 months ago (2017-06-06 18:57:56 UTC) #17
Ryan Tseng
+kjlubick thanks! lgtm from me. Wait for Kevin's approval before committing.
3 years, 6 months ago (2017-06-06 21:14:22 UTC) #23
kjlubick
How does this look if a browser window is 1200 px wide? (That's the smallest ...
3 years, 6 months ago (2017-06-07 12:12:58 UTC) #25
ayanaadylova
PTAL. If a browser window is 1200 px wide or less the piechart is either ...
3 years, 6 months ago (2017-06-07 17:01:54 UTC) #26
kjlubick
lgtm
3 years, 6 months ago (2017-06-07 17:17:28 UTC) #27
commit-bot: I haz the power
CQ is trying da patch. Follow status at: https://chromium-cq-status.appspot.com/v2/patch-status/codereview.chromium.org/2918353002/120001
3 years, 6 months ago (2017-06-07 17:19:58 UTC) #30
commit-bot: I haz the power
Committed patchset #8 (id:120001) as https://github.com/luci/luci-py/commit/4e5ca5c27f98b9b64e129dd8d7fcfee471084180
3 years, 6 months ago (2017-06-07 17:23:53 UTC) #33
ayanaadylova
PTAL
3 years, 6 months ago (2017-06-07 21:42:06 UTC) #34
Ryan Tseng
Can you create a new CL for the newest fix?
3 years, 6 months ago (2017-06-07 21:42:43 UTC) #35
M-A Ruel
On 2017/06/07 21:42:43, Ryan Tseng wrote: > Can you create a new CL for the ...
3 years, 6 months ago (2017-06-08 13:52:29 UTC) #36
M-A Ruel
3 years, 6 months ago (2017-06-08 14:04:16 UTC) #37
Message was sent while issue was closed.
On 2017/06/08 13:52:29, M-A Ruel wrote:
> On 2017/06/07 21:42:43, Ryan Tseng wrote:
> > Can you create a new CL for the newest fix?
> 
> Without a legend, I don't think most user will be able to understand what the
> graph represent. Please tweak the UX to make it more self-describing.

By looking more carefully, I realized the numbers are colored so there is indeed
a legend, I somehow missed it.

I feel the graph is not representing what is currently important for the user
looking at it.
- I pie chart represents subdivisions of a whole summing to 100%. Technically
speaking the pending time and duration times have no relationship to sum to
"100%"
- Having a graph would be more useful with regards to overheads (downloading
inputs, uploading outputs, rest of overhead) vs task duration
- I feel like a bar chart would probably make more sense here, with a Y axis in
seconds. I'd see two bars, one for pending, another for the task.
- For the task duration, it would be the sum of the durations one on top of the
other.
- I'm fine with iterations on UX ideas, feel free to discuss with Kevin.

Thanks!

Powered by Google App Engine
This is Rietveld 408576698