Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Steve Mason
seal-mask
.a{fill-rule:evenodd;}techdegree
Steve Mason
Full Stack JavaScript Techdegree Student 177 Points
Posted by Steve Mason
.a{fill-rule:evenodd;}techdegree
Steve Mason
Full Stack JavaScript Techdegree Student 177 Points

An Interface Question

Atop the homepage, on the menu bar between the accumulated Treehouse points and the notification bell, is displayed my avatar. There is a circle around said avatar that is sometimes red, sometimes blue and sometimes a bit of both. What is the significance of this? Is this a form of progress bar? And if so, what is being monitored?

Thanks, Steve M.

3 Answers

Steven Parker
Steven Parker
231,172 Points
Steven Parker
Steven Parker
231,172 Points

The colors are associated with the various topics of study, and the ring is essentially a hollow pie chart indicating the percentage of your studies that have been in each topic area.

Your profile page (your personal one is HERE) shows you a detailed breakdown of the "treehouse points" you have accumulated in each area of study. What I see on your ring right now is mostly red (Development Tools) and a little blue (HTML).

Joseph Yhu
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Joseph Yhu
PHP Development Techdegree Graduate 48,637 Points
Joseph Yhu
.a{fill-rule:evenodd;}techdegree seal-36
Joseph Yhu
PHP Development Techdegree Graduate 48,637 Points

To add to that: I believe purple is for stuff related to data (databases and data analysis), blue is for frontend (HTML, CSS, and JavaScript), green/teal is for backend (Python, Java, PHP, Ruby, C#), and red/brown(?) is for miscellaneous stuff.

Steven Parker
Steven Parker
231,172 Points
Steven Parker
Steven Parker
231,172 Points

All of the colors are shown on the profile page I was talking about, next to the topic names and points.