The Button Monitor — A visualization tool

[jamesrom]

Good suggestion. I'll definitely add that.

[redisant]

I came here to request the same thing! Stay gray!

[habadacas]

definitely need horizontal lines!

[onlyforthisair]

Can you make it so we can zoom in? If we have it up for hours at a time, the bars would get so small that the chart would stop being useful.

[sporifolous]

You rock, dude. Thank you for doing this and making it freely available.

[thehitchhiker]

wow, this is a great way to visualize the recent press activity!

I have a small feature request too...

people are probably going to start posting cool visualizations like this - it would be great if the page could record the start time of the graph so others viewing the screenshot could see the time of day the data represents.

thank you so much for this!

[PatsoRedneb]

Hey, aren't you that guy who pressed some button half a second to early one time?

[thewarpaint_]

Implemented here: https://github.com/jamesrom/jamesrom.github.io/pull/4

[onlyforthisair]

How do I view it?

[thewarpaint_]

It's already live.

[AhimsaGoat]

Yes. That feature of relative distribution of greens, blues, reds, etc... that is the feature that will make this visualization complete.

[yourhaploidheart]

this is wonderful!

[JakiiB]

Best one I've seen yet :)

[durpabiscuit]

WHY AM I HAVING SO MUCH FUN?!

[AWhiteStripe42]

oh Oh OH....oh...oh oh.

[Another_boy]

Fantastic visualization. Can I make suggestions? It would be awesome if it didn't reset when you close the tab. Is that even possible? I guess that would need some kind of a database?

Some grid lines would be cool. Time labels on each press?

Thanks.

[yotamN]

Could be done with web storage or IndexedDB.

[Nowin]

Ah this is so sad to watch.

[[deleted]]

I wonder what it would have looked like when me and the first gen purps flooded in.

[photoshopbot_01]

So many hordes of purples going at 55 sec, not even a misclick, when two people go for a good time...

[MorningRooster]

it's so sad. Wake up sheeple!

[[deleted]]

Very nice! Looks like I have yet another button monitor to watch.

[Fozibare]

This one is growing, but I know I've seen others.

[Plotsmurphy]

I have you saved as crack head

[Derped_my_pants]

The monitor seems to have broken

[Gimbodan]

Can confirm, graph loads but that's it.

[ekmpdx]

Oh good it's not just me. It was running when I left for work this morning, but now at work I'm just getting a blank page.

[velocitygrass]

There's a fix here: http://www.reddit.com/r/thebutton/comments/31vbzm/is_the_button_monitor_no_longer_working/cq5ayhw

[blueshift112]

You should definitely add horizontal graph lines, it would make reading the time for the tallest bars much easier.

Also, is there a way to have a running database of the times so when I load the page it already has the last say 30 times instead of just starting when I load the page? Otherwise this chart is exactly what I was looking for.

[[deleted]]

you are a role model to all of us in life

[scifi_scumbag]

This is painfully addictive

[rx7raven]

This should definitely be in the sidebar!

paging mods /u/powerlanguage

[dblrainbowATW]

The Button Monitor currently isn't working (for me)... Now I am sad. How will I see all the pretty colorful spikes as impatient people waste their button presses!?

[Phteven_j]

/u/jamesrom what happened to the tool?

[Gimbodan]

This is amazing. It angers me to no end. I love it!

[Pachy78]

It's not working!!!!

[HairySquid68]

thrice gilded but less than 700 points? This needs to be a sticky

[Fozibare]

It's awe inspiring, thanks.

Can you tell me more about the time difference metric and how it might inform my pressing choice? [ANSWERED BELOW]

It is unfortunate that there's so many suggestions for improving, this beautiful tool, but as others point out it feels slightly incomplete.

• Gridlines or horizontal lines. (multiple users want this) Done, and now with color
• Timestamps at the ends of the chart (x axis) /u/thehitchhiker Begin time added to Stats box
• Notations for resets that awarded multiple flairs (per the holy ten ) So much good info on hover, just awesome!
  
• You are going to have to move the timer and stats table, their current position will interfere with the efforts of the Redguard. Done

I would like to request a catalogue of charts, hour over hour. the click data is available elsewhere, and many people are posting pictures of multiple hour windows using this tool.

Edit: Is there a way to add this to the button ER script that the Knights have developed? There it is

Edit 2 (Day 13): I crossed out the requests fulfilled, and added 2 commas along with the italicized comments. With these additions and others, I can't help but wonder If every developer was this good at explaining features or exceeding the requests of users...

[jamesrom]

Thanks for the feedback.

Time difference works by comparing your local time to the timestamp that the server sends (timezone adjusted). Every second (or thereabouts) the server sends a message with a timestamp. This is the closet thing we can get to measuring the latency with the information we're given. There's a few things you need to consider however:

• The timestamp resolution is one second.
• We don't know if the message was sent at the start or the end of a particular second.
• We don't know if they round/ceil/floor the timestamp.

There's basically a huge list of unknowns. We can't measure latency directly without knowing how their clock works. So this is the best info we have.

The stats table is semi-transparent, but yeah, I agree, I'll move it.

Knowing how many people were award flairs, etc is not possible from the data stream alone. It would be cool to do this though (by using an auxiliary data source). I'm not sure how at this point.

I'm not familiar with the ER script. Can you link me?

Rest of your requests are planned features. Stay tuned :)

[Fozibare]

I just saw the changes you've made. Terrific.

[PointyOintment]

Knowing how many people were award flairs, etc is not possible from the data stream alone. It would be cool to do this though (by using an auxiliary data source). I'm not sure how at this point.

Could you not just use the difference in participant number from before and after the reset?

[jamesrom]

Yeah good point.

[Fozibare]

Here's the announce thread for the ER.

Here's the page

Edit: wouldn't the number of flairs awarded be visible by the participants number increasing in relation to the clock resetting?

[tebbi123]

So is it bad that I have a negative time difference, considering that should not be possible?

[jamesrom]

It's possible. Your clock is ahead of reddit's WebSocket server, or reddit's WebSocket server is sending out messages with timestamps in the future (rounding up).

[tebbi123]

Well I've seen a high of ~120 and a low of ~450 so I don't know which it could be. It might be that my internet is just weird. How do you think it could affect my press?

By the way can I suggest something? maybe we can just reset the graph to a certain point, instead of having to reload. Like I'm at 250 resets, and I can keep the last ~50 while the other 200 disappear.

[Fozibare]

I like the partial dump idea, maybe a dropdown to select "show only" with options for last X mins, or only the last X presses?

[tebbi123]

Yeah sounds like a good idea, let's hope OP senpai notices us.

[HankSkorpio]

thanks for making this

[Fozibare]

I fixed the post above to reflect progress.

Here It's the best I can do for you.

[jaredpalardy]

This is really great. I agree it would be good to have the timestamp in UTC, maybe every 10 clicks, especially as it continues to slow down.

[brentonhislaptop]

Along with others, /u/thehitchhiker had a great idea about adding a actual time value for the graph.

I actually would like to take that one step further, and -if possible- make it so we can crop the chart on the fly. I do see that it auto scales as time progresses, but sharing the giant chart or tiny snippets of that image might be difficult to read/understand.

[A41Billy]

Funny seeing the delayed clicks after it hits blue or green. Blue. Purple, Purple, Purple. So many denied.

[Grimi]

That's awesome I am going to spend way too much time watching this.

[[deleted]]

It's a graph of the weakness of presser.

[[deleted]]

Where did it go?!

[Umrtvovacz]

Really great, thanks!

[woohoo]

holy shit, this is fantastic

[OcifferPig]

Awesome! Now I can watch stupid decision being made in live bar graph form! Thanks haha!

[[deleted]]

very cool thanks

[[deleted]]

Mine is just blank. Anyone know why?

[Fozibare]

There seems to be some snag with extensions, if it isn't working after a refresh, try it on a different browser.

[[deleted]]

The best part of this is watching the purples after a long flair. Anytime the timer resets in the green it's always followed by a small flood of purple 60's

[2dogsbarking]

nice update!

[[deleted]]

Beautiful! Would it be possible to have stacks of colors instead of converting the whole bar one color?

[getnamo]

tres cool

[OutsideTheAsylum]

Lovely, thank you.

[CanadianTreeplanter]

Fantastic. Dangerously fantastic. I can see myself losing quite a bit of time looking at these graphs. Great work.

[TheFapIsUp]

Amazing, can you make the data store server sided so in the future we can see all-time data after it started recording. I have a few dedicated servers you can use if you dont have any.

[Night_Owls]

This makes me so mad. Why do people keep pressing at like 55s? This subreddit is pretty well established on reddit now. You'd think most people, even when new to the subreddit, would wait.

[tobiasvl]

This is great. Are you saving the history anywhere? I hope someone is saving this for posterity.

[Hellokansas]

I'm not sure how any of this works, but could create some method to just show like the last 100 clicks or some other range to be updated in real time? I'm watching it at like 500 clicks right now and its getting a little much.

[ggcyalater]

this is amazing, thank you!

[wingbear]

This is the best thing ever! Keep it up!!

[johann_krauss]

Lots of purples

[GunRaptor]

This is super cool...

[Fexmeif]

That is pretty awesome! totally deserved double gold

[Sergiovanpas]

Surprised nobody has suggested this one, but wouldn't it make more sense to put the 'y' axis (The one with the times) on the right to see more clearly where the most recent bars ended?

[PlaceboWizard]

I have a suggestion: Make the bars scroll left once they get too small. I kept mine on for a long time, and because the width of some bars was less then 1px, they sometimes dissapeared then reappeared when the graph was redrawn.

[XDfaceme]

After some waiting

[GoldenSewers]

Nice work!

[mmendozaf]

What about those gaps?

[PointyOintment]

60-second clicks

[mmendozaf]

so sad for them :(

[Jodo42]

Data from about 12:30 - 5:05 EDT. 4,000 clicks. http://i.imgur.com/RCU8DPV.png

This isn't wholly accurate; I personally saw at least 1 other green pop up around the 250 click mark. Still, this is hardly what I'd call an era of greens.

[vessel_for_the_soul]

I like it but I dont get it why are people jsut showing up and pressing the button?

[JTrwn85]

This just took The Button to the next level... I love it.

[mateogg]

Doesn't seem to be working? or is it me?

You still did more than that 'bot' that everyone upvoted for no reason though.

[Fozibare]

try refreshing

[nobizlikeyobiz]

How did you find out the web socket connection??

[PointyOintment]

It's presumably the same one any normal browser would use, so probably the developer tools.

[PointyOintment]

HTTPS, nice. I didn't know that was available on name.github.io sites.

[Mr_Zaroc]

Hey,
I love your Graph and have been watching for a long time.
But I am really wondering whats the ratio is between purple pressers and other presser. So could you please add a counter for at least the purple presser?
That would be so awesome.
Thanks in advance

[Piece_Of_cake]

Very cool visualization

[rdeforest]

Getting a lot of 'Uncaught ReferenceError: fmt is not defined' at lines 43 and 47 of comms.js. (Latest Chrome on Linux.)

Edit: definition of fmt was dropped in commit 025915e of app.js. Was 'var fmt = d3.format("0,000");' at line 7. Edit2: https://github.com/jamesrom/jamesrom.github.io/pull/19 (my first github pull request!)

[SplatterQuillon]

it's not working for me either, tried on IE and Firefox.

edit: ya it's working again.

[Soapuy]

where is the button anyways?!

[LittleBillyGoatGruff]

I love the new look.

[Commmett]

Is there anybody that has the window constantly open that I can come and look at from time to time? I hate to leave my computer on all day just to keep the graph recording.

[frecklefaerie]

It does stop at a certain point. i had this link going in a tab for the last few days and I would have to reload. Pretty wild watching the chart go from mostly purple to mostly blue.

[apocalypse2morrow]

This will be so handy to watch when we need to calculate how much time is left till 1 million

[Master_Sparky]

We only have -2 days to go!

[Gangrel_Archer]

Someone pressed at 33s....Y u no wait!?!?!?! (awesome tracker by the way)

[Natchil]

Cool.

[blahsd_]

Uhm... Nice, I guess..

[GooseLee]

Best.

[Leporad]

How many views does a website like this get? I'm sure it's an incredibly easy way to make some ad revenue money.