{"id":469,"date":"2008-07-02T01:36:49","date_gmt":"2008-07-02T06:36:49","guid":{"rendered":"http:\/\/blog.codedread.com\/archives\/2008\/07\/02\/svg-web-stats-20\/"},"modified":"2008-07-02T01:36:49","modified_gmt":"2008-07-02T06:36:49","slug":"svg-web-stats-20","status":"publish","type":"post","link":"https:\/\/www.codedread.com\/blog\/archives\/2008\/07\/02\/svg-web-stats-20\/","title":{"rendered":"SVG Web Stats 2.0"},"content":{"rendered":"<p><object type=\"image\/svg+xml\" width=\"100\" height=\"100\" align=\"right\" hspace=\"10\" data=\"http:\/\/codedread.com\/clipart\/svg.svgz\"><span\/><\/object>I've made enough updates over the past week or so on my <a href=\"http:\/\/www.codedread.com\/displayWebStats.svg\">SVG Web Stats<\/a> thing to call it 2.0.  Here are a list of changes:<!--more--><\/p>\n<ul>\n<li>Added ability to dynamically filter out browsers you don't want to see in the graph (uncheck it in the legend)<\/li>\n<li>Added points of interest on the graph (hover to get a tooltip, click to view the associated link<\/li>\n<li>Aggregated my data to the weekly level (to smooth weekend dips out)<\/li>\n<li>Added some animation to the user interface<\/li>\n<li>Added tooltips to the data series for browser identification (works only in Firefox and Opera)<\/li>\n<li>Collapsed some older browsers so that the graph are more distinguishable.<\/li>\n<\/ul>\n<p>Drag and scrollbar performance are <em>blazingly<\/em> fast in WebKit nightlies on my machine.  Just how I imagined it when I first wrote this over two years ago.  Opera 9.5, Firefox 3 and Safari 3.1 performance are not bad at all.  It doesn't perform well in Firefox 2.<\/p>\n<p>I just noticed that the tooltips are broken in WebKit nightlies...<\/p>\n<p>Note that the legend suffers from what I consider to be a bug in Opera and Webkit nightlies.  In these browsers, the legend is 'jittery' when the mouse hits the checkboxes.  Firefox and Safari do not have this behavior because I'm using <a href=\"http:\/\/leunen.d.free.fr\/fakesmile\/\">FakeSmile<\/a>, a <abbr title=\"JavaScript\">JS<\/abbr> implementation of <abbr title=\"Synchronized Multimedia Integration Language\">SMIL<\/abbr>.  It seems to me like either mouseout events are firing when they shouldn't or the animation wants to start over at its original value instead of where it is currently.  I'm hoping some Opera SMIL guru can stop by.<\/p>\n<p>If you missed the link above, click here to see the <a href=\"http:\/\/www.codedread.com\/displayWebStats.svg\" title=\"SVG web statistics\">demo<\/a>.  I'd be curious to know if it works at all in Internet Explorer with Adobe SVG Viewer.  I know it doesn't work in IE+Renesis.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve made enough updates over the past week or so on my SVG Web Stats thing to call it 2.0. Here are a list of changes:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25,46,11,28],"tags":[190,194,196,198,156],"class_list":["post-469","post","type-post","status-publish","format-standard","hentry","category-software","category-svg","category-technology","category-web","tag-firefox","tag-opera","tag-ria","tag-svg","tag-webkit"],"_links":{"self":[{"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/posts\/469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/comments?post=469"}],"version-history":[{"count":0,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/posts\/469\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/media?parent=469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/categories?post=469"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codedread.com\/blog\/wp-json\/wp\/v2\/tags?post=469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}