Social Analytics – Rich Dialog Content

I've recently re-started to mess around with that Social Analytics SN plugin.

The main change this time is related to the dialogs. When it comes to notices, they look similar to those on a timeline (avatar, nickname, notice, timestamp, context...). Profiles now display avatars and the bio (if any).

To compare, here's what the old dialogs looked like:

Old dialog box

Old dialog box

And here are the new ones:

New dialogs for notices

New dialogs for notices

New dialogs for profiles

New dialogs for profiles

Social Analytics – Swappable JS libs

Swappable JS libs

Swappable JS libs

There is now a dropdown in the upper-right corner of the page which lets you switch between JS charting libraries. Right now, you have the option between 'visualize', which has been the default library in the master branch, and 'flotr2'.

With just a tiny bit of JS, anyone can now make their favorite JS charting library work with SocialAnalytics. Just shove the library in js/lib/ and your 'glue' in js/tbl2js/ and it should automatically appear in the dropdown.

I'll post more information about this later on, but now I want to polish how everything looks.

Update from the master branch if you don't mind a few aesthetic kinks.

2012/06/09 Update: Highcharts is now also an option.

Social Analytics – Custom Date Range

Custom date range

Custom date range

This new feature allows you to specify an arbitrary "start date" and "end date" instead of being bound to "one month at a time". An interesting use of this is displaying stats from the first day you've setup your SN instance until "today" (although that might take a while to process depending on how much data needs to be crunched).

By default, it shows you the data for "this month". You can use the "Custom date range" link to choose a "start date" and "end date".

Social Analytics – Popups

Popup boxes now show up when clicking on markers

Popup boxes now show up when clicking on markers

When you click on a marker on the map, it now shows you the nickname of the person at this location. The feature's available in the master branch.

I plan on adding more information in there sometime in the future. Like a mini profile (avatar, link to timeline, etc) or something.

Social Analytics – Flotr2 Backend

Social Analytics with Flotr2 as the graph library

Social Analytics with Flotr2 as the graph library

I had a few moments to spare so I created a new experimental branch that uses flotr2 as the graph-generating-library. I still need to generate the "Trends" graph but the pie charts (and everything else) are working.

For this particular project, we're generating pretty simple graphs so I don't think there are any major advantages in using flotr2 as opposed to visualize. Then again, I just learned about flotr2 tonight so I might discover some neat features I could use later on.

I think the next "real" feature on my TODO list is to allow for custom date ranges and not just monthly data.


Smaller pie charts and tooltips

Smaller pie charts and tooltips

2012/05/17 Update: Found something interesting that can't be done (easily) with Virtualize but is simple to implement with flotr2: tooltips on hover. This allows to get rid of the legend, which in turn allows us to make the graphs smaller.

Social Analytics – Dialogs

Detailed information in dialog box

Detailed information in dialog box

"Interactive Data Tables" feature has been applied to all tables and is now available in the master branch. It also looks a bit better than in the previous post. It uses jQueryUI's dialog feature to display the detailed information (see screenshot).

Toodles!

Bonus content: Some pictures from last weekend's Comiccon

Social Analytics – Interactive Data Tables

Screenshot of an Interactive Table

Screenshot of an Interactive Table

Yes, this is another post about that "Social Analytics" thing. I really should be more diverse, but not much else is going on, really.

Anyway, I hinted before that I wanted to make the data tables more useful so I started to work on this a bit tonight. I created a 'interactive-tbl' branch that has a very early version of this feature (see screenshot for a preview). Basically, what I mean by "interactive tables" is that whenever there is data, you're able to click on the number and get more details about it.

Currently, only the "Trends" table has the feature (and it looks like crap) but that's why it's in a separate branch for now. Once I get this finalized, it'll make its way into 'master'.

Social Analytics – Teaser

Screenshot of a map with markers where your friends are located.

Social Analytics - Map

I've been browsing the OpenStreetMap Wiki and found good documentation on how to add markers on a map (it's really simple, as you'll see).

So now I'm playing around with the idea of mapping your followers and people you're following in the Social Analytics plugin I'm writing.

To the right, is a screenshot of how it looks now. I want to polish it up a bit before this lands on github, but it shouldn't take very long it's here now.

Until then, keep denting!

Social Analytics – Summary and Faves

Screenshot of the new features

Social Analytics - Summary and Faves

I've added a couple of things in the master branch of Social Analytics. As you'll see in my (crude) screenshot, there is now a summary of monthly activities. The "Trends" graph now shows how many notices you've favored per day (that's the "faves" category) and how many of your notices were favored by others per day (the "o_faved" category — yes, I need to rename that).

One thing that changed is, the "Followers" and "Following" categories in the "Trends" graph are presented like the other categories. That is, how many people you've added to your followers and how many people started following you, both per day. As opposed to the way it was before: your total number of followers/followed on that particular day. I'm not sure which way I like best, to be honest. I may or may not change it back.