yak_ex's blog

By yak_ex, 13 years ago, In English

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!
  • Vote: I like it
  • +144
  • Vote: I do not like it

13 years ago, # |
  Vote: I like it 0 Vote: I do not like it
Very cool, thanks. And can you modify script so that your rating graph appears in profiles?
  • 13 years ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    >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?

    • 13 years ago, # ^ |
        Vote: I like it 0 Vote: I do not like it
      I open your profile and see your graph. I want to see both your and my graph.
      • 13 years ago, # ^ |
          Vote: I like it 0 Vote: I do not like it
        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...
        • 13 years ago, # ^ |
            Vote: I like it +5 Vote: I do not like it
          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.
          • 13 years ago, # ^ |
              Vote: I like it 0 Vote: I do not like it
            Thank you. I understood. It is likely to be possible. Wait for a while.
          • 13 years ago, # ^ |
              Vote: I like it 0 Vote: I do not like it
            I updated the script to implement the feature. Please check it out!
13 years ago, # |
  Vote: I like it 0 Vote: I do not like it
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.
13 years ago, # |
  Vote: I like it 0 Vote: I do not like it
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.
»
11 years ago, # |
  Vote: I like it +3 Vote: I do not like it

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?

»
10 years ago, # |
  Vote: I like it 0 Vote: I do not like it

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.

  • »
    »
    10 years ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    Thanks for reports. I updated them.

»
9 years ago, # |
  Vote: I like it +7 Vote: I do not like it

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

  • »
    »
    9 years ago, # ^ |
      Vote: I like it 0 Vote: I do not like it

    It has not caught up with HTML changes on the Codeforces site. Now fixed in v1.3. Please try again.

»
6 years ago, # |
  Vote: I like it +11 Vote: I do not like it

So is there any upper bound for the number of accounts one can view?

s

»
4 years ago, # |
  Vote: I like it +10 Vote: I do not like it

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.

»
4 years ago, # |
  Vote: I like it 0 Vote: I do not like it

How to use it, I installed but dont know how to use ;-;

»
4 years ago, # |
  Vote: I like it 0 Vote: I do not like it

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.

»
3 years ago, # |
  Vote: I like it 0 Vote: I do not like it

am i the only person who is facing problems with that script after the most recent codeforces rating graph update?

  • »
    »
    3 years ago, # ^ |
      Vote: I like it +13 Vote: I do not like it

    After rating chart update the javascript code of the website was changed․ I have modified the parser code a bit and now the userscript works. I have also added two variables for settings. You can change their values before installation.

    You can find the modified userscript here.

    • »
      »
      »
      3 years ago, # ^ |
      Rev. 2   Vote: I like it 0 Vote: I do not like it

      Configured with Tampermonkey, thx!

      Tutorial