Dribbble-avatar

Komodo

by John Lein Pro Oct 28, 2010
Shot_1288283375
Tweet
383 views
http://drbl.in/ACD
Icon-colordrop

Tags

  1. 4
  2. 2
  3. 1
  4. 1

5 Responses

  1. Pro Sascha_grau_2011_big_avatar2 Sascha M. Trinkaus

    Nice. Have you thought about displaying the column detail on hover above the object and not to the right?

    over 1 year ago

  2. Pro Dribbble-avatar John Lein

    Yes, that's definitely one of the options I'm considering. Probably would be a better place for it.

    The advantage to going to the side is that I don't have to allow for more top padding in the graph area for the taller bars if my chart solution limits my hover widgets to staying within the chart bounds.

    over 1 year ago

  3. Pro Sascha_grau_2011_big_avatar2 Sascha M. Trinkaus

    Yes, top padding might be a sensitive topic here. Just try it out. I think some white space isn't too bad OR try to make the popup with only one row..

    over 1 year ago

  4. Pro Brian_warren-med Brian Warren

    This looks great. Lots of subtle gems here! I like how the +5% is raised up a bit - will it be lower if it's -5%?

    Good discussion on the detail hover. I like the idea of it above the bars. Maybe to solve that padding issue, on the über-tall bars, maybe the bubble shows up on the right or below? No matter which one you choose you'll be running into a container edge one way or another.

    One other note: the italics on "Report Level:" feel a bit out of place.

    likes

    over 1 year ago

  5. Pro Dribbble-avatar John Lein

    Thanks for your comment Brian!

    The % bubble offset lets me separate the note from the main line of reading content (other places will have multiple items in a line each with a bubble) while still clearly pairing it with the text it's related to. At least that's the idea. Hm, I had planned on changing the color and value of the bubble for a negative number, but hadn't thought of lowering it. Intriguing! My first thought is I love the idea but it might mess with scanning across. The whole point of this app design (at this stage) is data at a glance. I'll definitely play with it.

    The hover issue is directly tied into technical issues (which I know I should be ignoring at this stage, can be hard). Some of the svg/canvas graphs I'm looking at have built-in hover bits, but they're limited to staying within the original graph bounds. Otherwise I wouldn't have a problem with the top hover hiding some of the text above. We'll see how that works as I move forward. Good thought on one line Sascha, that might help too.

    Hm, yeah I can see that about the italics. I'll play with some variations on the label display.

    over 1 year ago

keyboard shortcuts: ← previous shot → next shot L or F like