{"id":16,"date":"2007-06-09T22:22:29","date_gmt":"2007-06-10T03:22:29","guid":{"rendered":"http:\/\/www.visophyte.org\/blog\/2007\/06\/09\/blog-vis-with-trendy-stacked-linechart\/"},"modified":"2009-04-01T08:17:27","modified_gmt":"2009-04-01T13:17:27","slug":"blog-vis-with-trendy-stacked-linechart","status":"publish","type":"post","link":"https:\/\/www.visophyte.org\/blog\/2007\/06\/09\/blog-vis-with-trendy-stacked-linechart\/","title":{"rendered":"Blog vis with trendy stacked linechart"},"content":{"rendered":"<p><img decoding=\"async\" src=\"http:\/\/www.visophyte.org\/blog\/wp-content\/uploads\/2007\/06\/frinkiac-shoutbox-linestack-flat-1.png\" alt=\"Frinkiac WordPress Shoutbox Stacked Linechart Flat Coloring\" \/><\/p>\n<p>So, motivated by recent prettiness (<a href=\"http:\/\/www.last.fm\/user\/C26000\/journal\/2006\/07\/30\/195693\/\">C26000&#8217;s Last.fm Extra Stats<\/a> &#8216;<a href=\"http:\/\/img252.imageshack.us\/my.php?image=top100wavegraphdc6.png\">Wave Graph<\/a>&#8216; and its inspiration <a href=\"http:\/\/megamu.com\/lastfm\/\">Lee Byron&#8217;s Layered Histogram<\/a>, which also reminds me of the fundamentally different but visually close-enough IBM Research\/Vi\u00e9gas\/Wattenberg&#8217;s <a href=\"http:\/\/www.research.ibm.com\/visual\/projects\/history_flow\/index.htm\">history flow<\/a>), I have put in some preliminary aggregation logic and a &#8216;stacked linechart&#8217; visualization.  It&#8217;s quite the poor cousin to Lee Byron&#8217;s stuff, but we&#8217;ve got to start somewhere.<\/p>\n<p>Although histogram is probably a better term for the result, the visualization is actually ignorant that there&#8217;s aggregation going on, so stacked linechart it is.  The data is the same data (wordpress shoutbox &#8216;shouts&#8217;) from my last post, but instead of block stacking to get a de facto histogram, the binned time-intervals are aggregated by author.  The stacked linechart consumes these and &#8212; presto &#8212; a de facto trendy histogram.  The main difference here is that the bin period is 7 days, although bugs remain.  I am going to replace my haphazard date logic with <a href=\"http:\/\/labix.org\/python-dateutil\">python-dateutil<\/a> shortly to resolve this problem.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.visophyte.org\/blog\/wp-content\/uploads\/2007\/06\/frinkiac-shoutbox-linestack-tally_link-1.png\" alt=\"Frinkiac WordPress Shoutbox Stacked Linechart Link Tally Coloring\" \/><\/p>\n<p>Of course, the whole point of visophyte is (excessive) flexibility, so let&#8217;s at least leverage that.  The above is the same data, but with the fill&#8217;s saturation varying with the total number of hyperlinks included in &#8216;shouts&#8217; for that time interval, producing a quasi-retro wire-frame effect.\u00a0 Stronger\/bolder colors = more links, lighter\/faded colors = less\/no links.\u00a0 Some day, perhaps a pretty spline version, but up next is getting back to Thunderbird.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>So, motivated by recent prettiness (C26000&#8217;s Last.fm Extra Stats &#8216;Wave Graph&#8216; and its inspiration Lee Byron&#8217;s Layered Histogram, which also reminds me of the fundamentally different but visually close-enough IBM Research\/Vi\u00e9gas\/Wattenberg&#8217;s history flow), I have put in some preliminary aggregation &hellip; <a href=\"https:\/\/www.visophyte.org\/blog\/2007\/06\/09\/blog-vis-with-trendy-stacked-linechart\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[9],"tags":[39],"class_list":["post-16","post","type-post","status-publish","format-standard","hentry","category-visualizing-blogs","tag-visophyte"],"_links":{"self":[{"href":"https:\/\/www.visophyte.org\/blog\/wp-json\/wp\/v2\/posts\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.visophyte.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.visophyte.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.visophyte.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.visophyte.org\/blog\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":1,"href":"https:\/\/www.visophyte.org\/blog\/wp-json\/wp\/v2\/posts\/16\/revisions"}],"predecessor-version":[{"id":233,"href":"https:\/\/www.visophyte.org\/blog\/wp-json\/wp\/v2\/posts\/16\/revisions\/233"}],"wp:attachment":[{"href":"https:\/\/www.visophyte.org\/blog\/wp-json\/wp\/v2\/media?parent=16"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.visophyte.org\/blog\/wp-json\/wp\/v2\/categories?post=16"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.visophyte.org\/blog\/wp-json\/wp\/v2\/tags?post=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}