Reporting Progress though a Circle Diagram

Normal

0

21

false

false

false

FR

X-NONE

X-NONE

Share/Bookmark

When
integrating inside a complex application such as VisualStudio, screen
real-estate is a precious asset. A way that JetBrains‘s engineers invented for Resharper to
economize the VisualStudio screen real-estate, is to display progress through a
18×18 circle diagram instead of using a 100×18 ProgressBar.

 

This is
an eye candy we are considering for some future releases of NDepend. Thus I developed a
prototype that you can download here with
source code. Feel free to use it and tweak it at whim.

 

 

In this
prototype I used some sort of anti-aliasing to get smooth display.
Personnally, I’ve been always amazed by the amount of information a
smooth and animated 16×16 icon can convey.

 

As a side note, pre-computing
all possible icons was not an option: there would be 100 (progress) x100 (turning
animation) x N (colors) icons which would mean literally MBs of icons stored in
memory! Instead the prototype is using some pre-computation of trigonometric/angle values for
each pixel, in order to reduce computation of an icon to a minimum.

Share/Bookmark

This entry was posted in Circle, Display Progress. Bookmark the permalink. Follow any comments here with the RSS feed for this post.
  • adelrio

    Rename attachment from *.tgz to *.zip

  • http://dgoyani.blogspot.com/ Dhananjay Goyani

    Similar to Google Crome’s Download Progress indicator. One more terrific ‘status progress’ example to save real-estate is when you open any folder in outlook 2007.

    It’s wise decision to go with presenting progress through circle diagram, especially in UI heavy application such as nDepend. Appreciate that.