Energy Graph Pixel Polishing

[arouinfar]

As discussed in today's design meeting:

• [x] Increase font size of labels
• [x] Increase width of bars
• [x] Add thin black stroke to the bars
• [x] Add off-scale arrow similar to Capacitor Lab: Basics

[jonathanolson]

As I'm implementing this, I was wondering if the "total" bar arrow should potentially be able to display multiple colors (for the multiple types of energy that overflowed), or if it should just be one color.

If (for instance) the total overflows (in the image below) and just has a red arrow, students may think the total doesn't include kinetic/potential?:

[arouinfar]

Great question @jonathanolson. I like the idea of a multi-colored arrow, but I think it could be a bit complicated/hard to interpret. Perhaps we could instead use a black arrow for the total, rather than matching the bar color. How does that sound?

[jonathanolson]

Sounds great to me (presumably only on the total).

[arouinfar]

Correct. The off-scale arrow for KE, PE, and thermal energy should match the color of the bar.

[jonathanolson]

Should be done now. Tried black, but wanted to test out gray (seems to match other colors better) to see how you like it:

Let me know if it looks good, and/or if the arrow color should change to black (or a different color).

[arouinfar]

The Energy Graph looks amazing @jonathanolson! Good call on the gray, I think it looks better. Looks like you've finished off the pixel polishing, so closing.