### yak_ex's blog

By yak_ex, 9 years ago,

We can view friend standings and we can view rating history graph for individual. Did you want to view rating history graph with friends? At least, I wanted.

Rating history graph on Codeforces uses flot jQuery plug-in and the plug-in support multiple data sequences. Therefore such functionality can be easily implemented.  If many Codeforces users want, the functionality will be integrated by admin, hopefully.

So, I made user.js script (v1.3 2015/05/05) to show usefulness of the functionality. The latest code is also at github. [Updated: v0.02] Y-axis is adjusted when higher rating is shown, and message box appears when data can't be obtained properly. [Updated: v0.03] While you log-in, your rating graph appears in any profile page initially. [Updated: v1.2] Red dots for the highest ratings are kept and autocomplete for account names is added.

Please note that this is an experimental script and I am just a newbie for user.js script. On my environment, the user.js script works with the following browser:

• Firefox 3.6.16 with Greasemonkey 0.9.2
• Opera 11.01
• Chrome 10.0
Usage is as follows:
1. Install user.js script. This procedure depends on your environment. Please consult manual for your using software.
2. Go to a profile page. It is not necessary to be yours. [Updated: v0.03] If you logged-in and go to a profile page other than yours, you can see a graph with your rating graph, like shown as 6,  without the following procedure. To be precise, an original graph is shown at first and updated after a while.
3. Click legend part, then prompt is shown.

4. Enter space-separated accounts you want to view with the account of the profile page, and click OK. [Updated: v1.2] If you type more than or equal to 3 characters, autocomplete is triggered like "Find user" feature.

5. Wait seconds.
6. Rating graph is updated. Note that the legend moves to bottom-right.

By clicking OK with empty value at prompt, rating graph goes back to original state.
[Updated: v0.03] If you logged-in, your account is entered as default value, except for your profile page. If you want to see an original graph, you need to clear the value and click OK.
Clicking cancel at prompt, rating graph is unchanged.

I hope you enjoy it!

• +144

 9 years ago, # |   0 Very cool, thanks. And can you modify script so that your rating graph appears in profiles?
•  9 years ago, # ^ |   0 >And can you modify script so that your rating graph appears in profiles?I'm sorry that I do not understand what you mean, probably. Could you describe what you want in detail?
•  9 years ago, # ^ |   0 I open your profile and see your graph. I want to see both your and my graph.
•  9 years ago, # ^ |   0 This user.js script is applicable to all profile pages at Codeforces. So, after installing this script, you can see both your and my graph by opening my profile and adding your account, or opening your profile and adding my account.Maybe I still misunderstood you...
•  9 years ago, # ^ |   +5 I want to have my graph in all profiles by default. Every graph I see must contain information about me without adding by clicking on legend.
•  9 years ago, # ^ |   0 Thank you. I understood. It is likely to be possible. Wait for a while.
•  9 years ago, # ^ |   0 I updated the script to implement the feature. Please check it out!
 9 years ago, # |   0 Well done. I like your script - it's very convenient.Moreover, I study JavaScript on the programming classes at the university these days and now I have an intention to write my own user scripts: your post lets me know about Greasemonkey.
 9 years ago, # |   0 I like this amazing script and I'd like if Codeforces Team make it a standard feature of the website :)Mostly I'd like these two features on CF:1) To see my graph when I look at other users' graph (as said by freopen)2) A separate button "compare" that opens another page where you can add up to k different graphs for comparing.In the (2) point there will be the need of typing down the handle of the users you want to compare, well this could be achieved by re-calling the "Find user" feature present in the homepage.
 » 8 years ago, # |   +3 Hi. It seems that now it doesn't show my graph be default. Maybe it's connected with new feature (sharing) on CF graph. (I'm not sure when it became broken)Does somebody have this problem too?
•  » » 8 years ago, # ^ |   +5 Reproduced. Filed as https://github.com/yak1ex/cf_userjs/issues/1 I'll fix it.
•  » » » 8 years ago, # ^ |   +5 Fixed and released as v1.1.
•  » » » » 8 years ago, # ^ |   0 Thanks, it works
 » 6 years ago, # |   0 Now Codeforces has a feature that shows with red dot the highest rating ever achieved by user. But script doesn't support this and overloads this feature so the dot is still yellow.Also, «Colorize standings» now doesn't support newly added languages such as JS and Java 8.
•  » » 6 years ago, # ^ |   0 Thanks for reports. I updated them.
 » 5 years ago, # |   +7 Is this extension still working in Chrome?I tried to install just now, but in step 3, when I click on legend, nothing happens :(I am using Chrome Version 42.0.2311.90 (64-bit) on MacOS 10.9.5
•  » » 5 years ago, # ^ |   0 It has not caught up with HTML changes on the Codeforces site. Now fixed in v1.3. Please try again.
 » 2 years ago, # |   +11 So is there any upper bound for the number of accounts one can view?
•  » » 2 years ago, # ^ |   0 Apparently until the script crashes, #potential_bug XD
 » 11 months ago, # |   +10 Really nice plugin! For people who want to use this, you'll need to change http:// to https:// everywhere in the code to make it work.
 » 7 months ago, # |   0 How to use it, I installed but dont know how to use ;-;
 » 3 months ago, # |   0 Very nice script. Here's how to install it in chrome / chromium: download the script, change all http:// in the script to https://, go to chrome://extensions, drag and drop the script there.