Reputation graph

Question

Screenshot

About

I've never been a fan of the reputation graph, but it seems a few people miss it since it has been removed.

This user script adds a little "graph" link to a user's reputation tab. Clicking it will show a graph of the user's total and daily reputation (using Google's chart API).

Note that Google has deprecated this API. Because of that, this script will probably stop working after April 20, 2015.

install / update script – view source

Update history

• 2012-06-18: Fixed several issues causing the script not to work anymore due to changes in the user profile page structure.
• 2011-03-15: Visual improvements; ability to zoom into the graph by highlighting the range you want to see.
• 2011-03-16: Fix to work with the new paged view. Any missing data will be retrieved from the server before the graph is shown; to avoid hammering the server, there's a 500ms delay between requests (so Jon Skeet's graph takes a few seconds to load).
• 2011-03-16: Visual improvements; fixed a bug that caused an unnecessary request; improved zoom-in precision; fixed an issue where decreasing reputation could mess up the graph
• 2011-03-18: Fixed a bug that could cause not all data to be loaded.
• 2011-03-19: The maximum number of reputation changes that can be retrieved from the server in one request was decreased, causing the graphing to fail. This is fixed, with the side effect that it takes longer to retrieve the data, because more requests have to be made.
• 2011-03-26 Updated to work alongside the new official reputation graph. This script's graph is now called "line graph". The "line graph" button will not show up until you visit "by time" or "by post" first, because some necessary information isn't available on "graph" (there's a way to work around this; I may look at that later).

Contact

This script is created by Benjamin Dumke-von der Ehe. Note that this is a free-time project of mine, and has nothing to do with my employment at Stack Overflow. See my profile for contact details; you can also often find me in the Tavern on Meta Stack Exchange chat.

Answer 1

The graph never activates for me on FF14, there appear to be several changes on the reputation tab that are not accounted for in this script.

First there is too much whitespace around the text "reputation" when checking for the active tab:

$("#tabs .youarehere").text()
"\n                        \n                reputation\n            "

Using a quick whitespace cleanup call solves this for me:

$("#tabs .youarehere").text().replace(/[ \n]/g, '') != "reputation"
false

The next problem is that currently the reputation tab HTML id tabs-reputation is no longer there and thus the "line graph" button doesn't show up.

I am not sure if I am now using the correct ID for this, but if I change the button to be prepended to user-tab-reputation things work for me:

var button = $("<a href='#'>line graph<span id='graph-loading-info'></span></a>").prependTo("#user-tab-reputation").click(function(evt) {

Third, the pager has been renamed, instead of the id #reputation-pager it is now the class .user-tab-paging that needs to be looked for. Once the three references to these are fixed, you run into a 404 error loading the data:

http://stackoverflow.com/users/rep/show?sort=time&userid=100297&pagesize=30&page=2&_=1340023751083

This I fixed by altering the generated URLs with:

$.get("/users/" + userId + "?tab=reputation&pagesize=" + retrievePageSize + "&page=" + n, function (data) {

This works but leads to a series of redirects as well as the full username isn't included in the URL (for me they are redirected from http://stackoverflow.com/users/100297 to http://stackoverflow.com/users/100297/martijn-pieters for every page loaded).

I guess you'd need to parse out the username as well from the current document.location value but I was too lazy right now to add that as well.

With these edits in place it appears to work for me, but since I haven't used this script before the SO reputation tab was changed there is a chance there is still something wrong with the output.

Answer 2

New (smaller) problem: when the line graph has been added to the page, switching between the representation buttons (post, time, graph) removes the line graph and disables it until reloading the page.

Steps to reproduce:

1. load reputation page, either on post or time
2. click the line graph button, wait for it to load all data.
3. click one of the inactive post, time or graph buttons.
4. graph disappears, line graph button becomes inactive
5. clicking the line graph button activates it but nothing else happens.

Furthermore, the line graph data is empty (logically) when you first click the line graph button when on the 'graph' view of your reputation tab. Perhaps the button should be inactive there, but that could be a pain to implement.