<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
    <channel>
        <title>Wade</title>
        <link>http://www.personal.psu.edu/wrs15/blogs/wade/</link>
        <description>How it all goes by in a snap.</description>
        <language>en</language>
        <copyright>Copyright 2011</copyright>
        <lastBuildDate>Fri, 25 Feb 2011 15:10:58 -0500</lastBuildDate>
        <generator>http://www.sixapart.com/movabletype/</generator>
        <docs>http://www.rssboard.org/rss-specification</docs>
        
        <item>
            <title>Label Me, I Label You</title>
            <description><![CDATA[I know, I know... I'm starting (starting??) to sound like a broken record, and you must be bored out of your minds, as I yet again post this same visualization. I guess I am... I am... I am... I am... When I first posted this vis, I was stoked (yunz still say "stoked"?). I had set a couple goals that I achieved: start a blog/portfolio and see if these Processing sketches would display. Not lofty goals, but goals none the less, and it felt good when I cracked that code. Perhaps I was a tad eager. Perhaps I should've waited till the features in blog post 2 &amp; 3 (&amp; now 4) were incorporated into my vis before I posted. As a good friend always used to say, "Yeah well." Poignant, eh?&nbsp;So I come to you, yet again, humbled by your patience, a scoash wiser in my meager knowledge of Processing &amp; visualization, asking you to indulge me.<div><br /></div><div>I was never satisfied w/ the way I was displaying the actual IP addresses/labels, and no one found the hidden Easter Egg that revealed my initial flawed attempt (the 'l' (el) key displays the IPs on top of the squares). This method had more problems than I care to list, and I knew I wanted to improve. My solution is much better but still needs work. The "l" key now displays the IPs in a list on the right-hand side of the page. Plus I added a(n) "IPs Displayed" total that appears in the lower right of the screen which updates as you filter the data. So now you can isolate a subset or grouping of data and then list the associated IPs.</div><div><br /></div><div><a href="http://www.personal.psu.edu/wrs15/blogs/wade/assets_c/2011/02/IP-thumb-150x156-185588-191611.html" onclick="window.open('http://www.personal.psu.edu/wrs15/vis/IP_Vis_Labels/index.html','popup','width=800,height=800,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.personal.psu.edu/wrs15/blogs/wade/assets_c/2011/02/IP-thumb-150x156-185588-thumb-150x156-191611.jpg" width="150" height="156" alt="Thumbnail image for IP.jpg" class="mt-image-none" style="" /></a></div><div><br /></div><div>Now I can scratch #8. "How to display the IP labels/text" off my list of improvements for my vis. PeasyCam took care of #2-6 (thanks again John). But my list seems to be growing as I work on this project. New ideas surface and get added to the list. The two that really interest me are</div><div>1). Run a whois on the filtered IPs</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;- see if I can tie in a whois (reverse dns lookup) so a user can see where the IP is from or who owns it.</div><div>2). Allow parameter switching</div><div>&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;- make it so the user can assign the data attributes/parameters to any of the 5 depictions: x, y, z, size, color.</div><div><br /></div><div>Number 2 has some legs. In our case 4 of the 5 aspects of the data are IP octets, but suppose we have a different data set where we're looking at indices of a nation's population, wealth, health, infrastructure and imports. We could then assign whatever we wanted to any of the 5 dimensions of the visualization to coax groupings out of the data.</div><div><br /></div><div>If any ideas for improvements pop into your head, please share them.</div><div><br /></div><div><div><div>Hold down "p" key to toggle perspective vs. orthographic views</div><div>Hold down "l" (el) key to list IPs</div><div><br /></div><div>To filter data:</div><div>- hold down "x" key to filter X axis</div><div>- position mouse in Set Range box (start w/ a low setting)</div><div>- position mouse in Set IP box</div><div><br /></div><div>Other keys for filtering process:</div><div>- "y" key for Y axis</div><div>- "z" key for Z axis</div><div>- "s" key for size of square</div><div>- "c" key for color of square</div></div><div>- "b" key for background shade</div></div>
<br>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="obahama">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>]]></description>
            <link>http://www.personal.psu.edu/wrs15/blogs/wade/2011/02/labels.html</link>
            <guid>http://www.personal.psu.edu/wrs15/blogs/wade/2011/02/labels.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">3d visualiztion</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">Processing</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">visualization</category>
            
            
              
                <category domain="http://www.sixapart.com/ns/types#tag">3d</category>
              
                <category domain="http://www.sixapart.com/ns/types#tag">IP</category>
              
                <category domain="http://www.sixapart.com/ns/types#tag">labels</category>
              
                <category domain="http://www.sixapart.com/ns/types#tag">processing</category>
              
            
            <pubDate>Fri, 25 Feb 2011 15:10:58 -0500</pubDate>
	    
	    
        </item>
        
        <item>
            <title>Easy PeasyCam Rocks</title>
            <description><![CDATA[Re: previous 2 posts.....<div><br /></div><div>I was unhappy w/ the way my filter-controls moved when navigating thru my 3d scene, rendering them unusable. So I posted a question on <a href="http://forum.processing.org/">Processing's forum</a>. A reply pointed me towards <a href="http://mrfeinberg.com/peasycam/">Johnathan Feinberg's PeasyCam</a>. I had just started playing w/ PeasyCam last wk, so I had already dl'ed &amp; installed but didn't know how robust this library was.</div><div><br /></div><div>&nbsp;I don't know <a href="http://mrfeinberg.com/">Johnathan</a>, but anyone who creates software to find accidental haiku in code (haikufinder), has appeared on Letterman &amp; Leno AND creates something as cool as PeasyCam, well.... that, my friends, is a full on rock star. Thanks Johnathan.</div><div><br /></div><div>When u run this latest version, note how the filter boxes at the bottom stay put and are&nbsp;usable&nbsp;while u navigate around the scene. This was done by wrapping code w/ the beginHUD() &amp; endHUD() methods. Also note how the controls have changed (see below) since some of the previous functionality is built into PeasyCam</div><div><br /></div><div><a href="http://www.personal.psu.edu/wrs15/blogs/wade/assets_c/2011/02/IP-185588.html" onclick="window.open('http://www.personal.psu.edu/wrs15/vis/IP_Vis_PeasyCam/index.html','popup','width=800,height=800,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.personal.psu.edu/wrs15/blogs/wade/assets_c/2011/02/IP-thumb-150x156-185588.jpg" width="150" height="156" alt="IP.jpg" class="mt-image-none" style="" /></a></div><div><br /></div><div>Left-click and drag to rotate scene.</div><div>Right-click and drag vertically to move thru scene OR use mouse wheel.</div><div>Middle-mouse click and drag to pan scene (command-left drag on Mac).</div><div>Double-click to reset cam position.</div><div><br /></div><div><div>Hold down "p" key to toggle perspective vs. orthographic views</div><div><br /></div><div>To filter data:</div><div>- hold down "x" key to filter X axis</div><div>- position mouse in Set Range box (start w/ a low setting)</div><div>- position mouse in Set IP box</div><div><br /></div><div>Other keys for filtering process:</div><div>- "y" key for Y axis</div><div>- "z" key for Z axis</div><div>- "s" key for size of square</div><div>- "c" key for color of square</div></div><div>- "b" key for background shade</div>
<br>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="obahama">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>]]></description>
            <link>http://www.personal.psu.edu/wrs15/blogs/wade/2011/02/easy-peasycam.html</link>
            <guid>http://www.personal.psu.edu/wrs15/blogs/wade/2011/02/easy-peasycam.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Processing</category>
            
            
              
                <category domain="http://www.sixapart.com/ns/types#tag">PeasyCam</category>
              
                <category domain="http://www.sixapart.com/ns/types#tag">processing</category>
              
            
            <pubDate>Mon, 21 Feb 2011 15:50:06 -0500</pubDate>
	    
	    
        </item>
        
        <item>
            <title>Variation on a theme</title>
            <description><![CDATA[Regarding my previous post....<div><br /></div><div>A friend suggested I try circles w/ brightness AND transparency based on the number of pageviews for each IP. When I made the change, I could tell just by looking that something wasn't right. There should've been a few white opaque circles to represent the 3 IPs that viewed over 1000 pages in the 24hr period. So I started digging. It took a couple days to track down my problem: a rogue glitchenzoid in the scrabbard (if you're really interested, let me know).&nbsp;</div><div><br /></div><div>Another friend was checking out my visualization, and asked how to reset everything. So I added a reset button.</div><div><br /></div><div>"I get by with a little help from my friends." J. Lennon/P. McCartney.</div><div><br /></div><div><a href="http://www.personal.psu.edu/wrs15/blogs/wade/assets_c/2011/02/IPvisCrcls-188053.html" onclick="window.open('http://www.personal.psu.edu/wrs15/vis/IP_VIS_CRCLS/index.html','popup','width=800,height=800,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.personal.psu.edu/wrs15/blogs/wade/assets_c/2011/02/IPvisCrcls-thumb-300x311-188053.jpg" width="300" height="311" alt="IPvisCrcls.jpg" class="mt-image-none" style="" /></a></div><div><br /></div><div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: georgia; line-height: 19px; color: rgb(0, 0, 0); "><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: arial, helvetica, hirakakupro-w3, osaka, 'ms pgothic', sans-serif; line-height: normal; "><div>"s" key = rotate (based on mouse vertical location)</div><div><br /></div><div>Click mouse to toggle perspective vs. orthographic views</div><div><br /></div><div>To filter data:</div><div>- hold down "x" key to filter X axis</div><div>- position mouse in Set Range box (start w/ a low setting)</div><div>- position mouse in Set IP box</div><div><br /></div><div>Other keys for filtering process:</div><div>- "y" key for Y axis</div><div>- "z" key for Z axis</div><div>- "b" key for size of square</div><div>- "c" key for color of square</div><div><br /></div></span></div></div>
<br>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="obahama">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>]]></description>
            <link>http://www.personal.psu.edu/wrs15/blogs/wade/2011/02/variation-on-a-theme.html</link>
            <guid>http://www.personal.psu.edu/wrs15/blogs/wade/2011/02/variation-on-a-theme.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">3d visualiztion</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">visualization</category>
            
            
              
                <category domain="http://www.sixapart.com/ns/types#tag">3d</category>
              
                <category domain="http://www.sixapart.com/ns/types#tag">circles</category>
              
                <category domain="http://www.sixapart.com/ns/types#tag">IP</category>
              
                <category domain="http://www.sixapart.com/ns/types#tag">visualization</category>
              
                <category domain="http://www.sixapart.com/ns/types#tag">weblog</category>
              
            
            <pubDate>Wed, 09 Feb 2011 10:25:54 -0500</pubDate>
	    
	    
        </item>
        
        <item>
            <title>Weblog visualization</title>
            <description><![CDATA[<div>A couple years ago, my coworkers &amp; I started looking at visualizing &amp; sonifying large data sets. One such readily accessible dataset was IST's weblogs which contain IP info of visitors to IST's webpages. My thought was to break the IP addresses into their 4 octets and use the first 3 as x, y &amp; z locators and the fourth octet as a size parameter for objects. Then use a dark-to-light color scheme to depict the number of pageviews each unique IP visited: dark colors represent a visitor that only visited a few pages while the lighter colors represent IPs that visited dozens and dozens of pages during the 24 hr period.</div><div><br /></div><div>I initially did this in 3ds Max's scripting language to create the objects/squares which I then exported and brought into our CAVE's immersive 3d environment. I recently started working w/ <a href="http://processing.org/">Processing</a> and recreated this project to allow an analyst to interact w/ this data in a web browser. See below how to filter the data set.&nbsp;</div><div><br /></div><div><a href="http://www.personal.psu.edu/wrs15/blogs/wade/assets_c/2011/02/IP-185588.html" onclick="window.open('http://www.personal.psu.edu/wrs15/vis/IP_Vis/index.html','popup','width=800,height=800,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://www.personal.psu.edu/wrs15/blogs/wade/assets_c/2011/02/IP-thumb-300x313-185588.jpg" width="300" height="313" alt="IP.jpg" class="mt-image-none" style="" /></a></div><div><br /></div><div><b>24hrs of visitor IPs from weblog file.</b></div><div><br /></div><div>"s" key = rotate (based on mouse vertical location)</div><div><br /></div><div>Click mouse to toggle perspective vs. orthographic views</div><div><br /></div><div>To filter data:</div><div>- hold down "x" key to filter X axis</div><div>- position mouse in Set Range box (start w/ a low setting)</div><div>- position mouse in Set IP box</div><div><br /></div><div>Other keys for filtering process:</div><div>- "y" key for Y axis</div><div>- "z" key for Z axis</div><div>- "b" key for size of square</div><div>- "c" key for color of square</div><div><br /></div> 
<br>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="obahama">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>]]></description>
            <link>http://www.personal.psu.edu/wrs15/blogs/wade/2011/02/weblog-visualization.html</link>
            <guid>http://www.personal.psu.edu/wrs15/blogs/wade/2011/02/weblog-visualization.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">3d visualiztion</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">visualization</category>
            
            
              
                <category domain="http://www.sixapart.com/ns/types#tag">3d</category>
              
                <category domain="http://www.sixapart.com/ns/types#tag">processing</category>
              
                <category domain="http://www.sixapart.com/ns/types#tag">visualization</category>
              
                <category domain="http://www.sixapart.com/ns/types#tag">weblog</category>
              
            
            <pubDate>Fri, 04 Feb 2011 09:37:09 -0500</pubDate>
	    
	    
        </item>
        
        <item>
            <title>Welcome, explore, share</title>
            <description><![CDATA[
<p>2011 brings with it a sense of reaching out and sharing what I've been doing lately. Please explore and feel free to share your thoughts and feelings as well.</p><p><img alt="LMdataFusiona400.jpg" src="http://www.personal.psu.edu/wrs15/blogs/wade/LMdataFusiona400.jpg" width="400" height="151" class="mt-image-none" style="" /></p>
<br>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="obahama">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>]]></description>
            <link>http://www.personal.psu.edu/wrs15/blogs/wade/2010/11/welcome-explore-share.html</link>
            <guid>http://www.personal.psu.edu/wrs15/blogs/wade/2010/11/welcome-explore-share.html</guid>
            
            
            <pubDate>Tue, 30 Nov 2010 11:32:25 -0500</pubDate>
	    
	    
        </item>
        
    </channel>
</rss>
