This was my first attempt at Data-visualisation using d3. I've done a few things with GoogleVis and R, the one is awesome for the web the other is awesome for its flexibility, D3 is awesome for both. I was also pretty much a novice to JS and CSS, I highly recommend AlignedLeft's tutorials http://alignedleft.com/ if like me you start from scratch with this.
Your graphs are pretty -- and it's an interesting page, but your ping section makes me wonder about the rest of your data.
You don't qualify what you're pinging, but if we're talking ping to the internet gateway, ping over a strong 802.11n connection on my iPhone 5 is 2 - 5 milliseconds on my local network. The same is not true of LTE which has more typically a 100ms latency to the carrier internet gateway.
LTE definitely brought down latency from 3G! But it's nowhere near as low latency as a good 802.11n connection!
True, we're pinging google.com (which resolves to its local sites) over the active data connection - whatever flavour of Wi-Fi or 3G. We could have also broken this down by 3G types e.g. UMTS vs HSPA etc. The idea is not to show the theoretical maximum of LTE or Wi-Fi, if we wanted to that we'd just use a dozen phones in lab conditions. Rather, we wanted to get a feel for the changes in user experience of the mobile web, so this data is drawn from a set of 9m speed tests run with the OpenSignal app.
Thanks for the tutorial rec, a client wants me to implement visual statistical analyses of what's going on in his business, and I could use these. All his data is in a proprietary dental office database (Patterson EagleSoft), and I was just thinking that D3 would be perfect for this project once I get it out of there.
P.S., Some of the scripts on the OpenSignal page could be moved from <head> to the end of <body>; other than that, it looks good!
