<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Complex Data Visualized &#187; Visualization WorkComplex Data Visualized</title>
	<atom:link href="http://complexdatavisualized.com/category/visualization-work/feed/" rel="self" type="application/rss+xml" />
	<link>http://complexdatavisualized.com</link>
	<description>Survey of interfaces and visualizations of complex networks</description>
	<lastBuildDate>Wed, 26 Nov 2014 21:34:01 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5</generator>
		<item>
		<title>PixelCarpet</title>
		<link>http://complexdatavisualized.com/pixelcarpet/</link>
		<comments>http://complexdatavisualized.com/pixelcarpet/#comments</comments>
		<pubDate>Wed, 23 Jul 2014 14:47:45 +0000</pubDate>
		<dc:creator>Johannes Landstorfer</dc:creator>
				<category><![CDATA[paper]]></category>
		<category><![CDATA[Visualization Work]]></category>

		<guid isPermaLink="false">http://complexdatavisualized.com/?p=764</guid>
		<description><![CDATA[The paper about the Pixel Carpet is one of the results from a collaboration between data visualization researchers from FHP and computer security engineers of various institutions. It builds on the observation that security engineers know their data and the requirements of their work very well. However, they might not be acquainted with advanced visualization techniques. Visualization researchers, on the other hand, know methods to visualize and analyze data but usually lack insight into the ...]]></description>
				<content:encoded><![CDATA[<p><iframe src="//player.vimeo.com/video/102600193" width="955" height="537" frameborder="0" title="Weaving a Carpet from Log Entries: a Network Security Visualization Built with Co-Creation" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></p>
<p>The paper about the Pixel Carpet is one of the results from a collaboration between data visualization researchers from FHP and computer security engineers of various institutions. It builds on the observation that security engineers know their data and the requirements of their work very well. However, they might not be acquainted with advanced visualization techniques. Visualization researchers, on the other hand, know methods to visualize and analyze data but usually lack insight into the specific requirements of computer network security. The paper revolves around two main contributions:</p>
<ul>
<li>results and learnings from a co-creative approach of jointly developing visualizations</li>
<li>a pixel oriented visualization technique that graphically represents multi-dimensional data sets (such as computer log files), reflecting ideas from the collaboration</li>
</ul>
<p>You can get and read the full paper <a title="Weaving a carpet from log entries" href="http://complexdatavisualized.com/wp-content/uploads/2014/07/pixelcarpet-VAST2014-video.pdf">here</a> (27 MB or 4 MB <a title="Weaving a carpet from Log entries" href="http://complexdatavisualized.com/wp-content/uploads/2014/07/pixelcarpet-VAST2014_v104-novideo.pdf">without video</a>). Please feel free to comment to this post or contact us for any details.</p>
<blockquote><p>Landstorfer, Herrmann, Stange, Dörk, Wettach (2014): Weaving a Carpet from Log Entries: a Network Security Visualization Built with Co-Creation. in <i>Visual Analytics Science and Technology (VAST), 2014 IEEE Conference on</i>, 2014 (to appear)</p></blockquote>
<h2>Co-creative Approach</h2>
<p>User centered approaches are well known in the visualization community (although not always implemented) [<a title="Achieving Cyber Defense Situational Awareness: A Cognitive Task Analysis of Information Assurance Analysts" href="http://pro.sagepub.com/content/49/3/229">D'Amico et al. 2005</a>, <a title="A nested model for visualization design and validation" href="http://ieeexplore.ieee.org/xpls/abs_all.jsp?arnumber=5290695">Munzner et al. 2009</a>]. Jointly developing the visualizations themselves, however, is rather rare. As we have very good experience with co-creative techniques in design and innovation, we wanted to apply them to the domain of data visualization as well. For example, we tried to experiment with data sets during a day-long workshop with a larger group of stakeholders (a session we called the &#8220;data picnic&#8221; because everyone brought his/her data and tools).</p>
<h2>Visualization</h2>
<p>For this paper, we focused on a pixel oriented technique [<a title="Designing pixel-oriented visualization techniques: theory and applications" href="http://ieeexplore.ieee.org/xpl/articleDetails.jsp?arnumber=841121">Keim 2000</a>] to fullfill requirements such as visualization of raw data or a chronological view of data to preserve the course of events. We stack graphical representations for various parameters of a log line (such as IP, user name, request or message) so that we get small columns for each log line. Lining up these stacks produces a dense visual representation with distinct patterns. This is why we call it the <em>Pixel Carpet</em>. Other subgroups of our research group took different approaches that can be found at other places in this blog.</p>
<div id="attachment_766" style="width:600px;" class="wp-caption alignnone"><a href="http://complexdatavisualized.com/wp-content/uploads/2014/07/pixelmap-delete-example-2.png" rel="image_group"><img class=" wp-image-766 " alt="Snapshot of the Pixel Carpet interface. Each &quot;multi pixel&quot; represents one log line, as it a appears at the bottom of the screen." src="http://complexdatavisualized.com/wp-content/uploads/2014/07/pixelmap-delete-example-2-1024x573.png" width="600" height="350" /></a><span class="wp-caption-text">Snapshot of the Pixel Carpet interface. Each &#8220;multi pixel&#8221; represents one log line, as it a appears at the bottom of the screen.</span></div>
<h2>Data and Code</h2>
<p>Our data sources included an ssh log (~13.000 lines, unpublished for privacy reasons) and an Apache (web server) access log (~145.000 lines, unpublished), and ~4.500 lines (raw data available, including countries from ip2geo <a href="http://complexdatavisualized.com/wp-content/uploads/2014/07/apache-log-geodata.csv" target="_blank">.csv</a> | <a href="http://complexdatavisualized.com/wp-content/uploads/2014/07/apache-log-geodata.json_.zip" target="_blank">.json</a> ).</p>
<p>We implemented our ideas in a demonstrator in plain HTML/JavaScript (<a href="http://fhp.solemone.de/pixel-carpet/" target="_blank">demo online</a> – caution, will heavily stress your CPU). It helped us iterate quickly and evaluate the idea at various stages, also with new stakeholders. While the code achieves what we need, we are also aware that computing performance is rather bad. If you want to take a look or even improve it, you can find it on <a href="https://github.com/solemone/pixel-carpet" target="_blank">github</a>.</p>
<p>To bring it closer to a productive tool, we would turn the Pixel Carpet into a plugin for state-of-the-art data processing engines such as <a href="http://www.elasticsearch.org/overview/kibana">ElasticSearch/Kibana</a> or splunk (scriptable with d3.js since version 6).</p>
]]></content:encoded>
			<wfw:commentRss>http://complexdatavisualized.com/pixelcarpet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IPython: interactive/self-documenting data analysis</title>
		<link>http://complexdatavisualized.com/ipython-interactiveself-documenting-data-analysis/</link>
		<comments>http://complexdatavisualized.com/ipython-interactiveself-documenting-data-analysis/#comments</comments>
		<pubDate>Mon, 09 Sep 2013 12:53:38 +0000</pubDate>
		<dc:creator>Johannes Landstorfer</dc:creator>
				<category><![CDATA[communication]]></category>
		<category><![CDATA[Visualization Work]]></category>
		<category><![CDATA[analysis]]></category>
		<category><![CDATA[collaboration]]></category>
		<category><![CDATA[Ideas]]></category>
		<category><![CDATA[talk]]></category>
		<category><![CDATA[tool]]></category>

		<guid isPermaLink="false">http://complexdatavisualized.com/?p=727</guid>
		<description><![CDATA[IPython is an &#8220;interactive&#8221; framework for writing python code. Code snippets can be run at the programmer&#8217;s will and the output will be displayed right below the code. Together with rich input from html-markup to iFrames, an entire workflow can be fully documented. This is very handy for learning, of course, but also to make a complex analysis of a computer incident available and transparent to later readers. As everything (docu, code, output) gets &#8220;statically&#8221; ...]]></description>
				<content:encoded><![CDATA[<p><a href="http://ipython.org/" target="_blank">IPython</a> is an &#8220;interactive&#8221; framework for writing python code. Code snippets can be run at the programmer&#8217;s will and the output will be displayed right below the code. Together with rich input from html-markup to iFrames, an entire workflow can be fully documented. This is very handy for learning, of course, but also to make a complex analysis of a computer incident available and transparent to later readers. As everything (docu, code, output) gets &#8220;statically&#8221; saved in JSON, the documentation is even independent of the availability of data sources. (Note: there is also a special &#8220;<a href="http://nbviewer.ipython.org/" target="_blank">Notebook viewer</a>&#8221; available online so the reader doesn&#8217;t have to know/have IPython her/himself)</p>
<p>As a couple of powerful viz and analysis libraries are available for Python (such as <a href="http://pandas.pydata.org/" target="_blank">PANDAS</a>), this is (almost) ideal for recording an analysts way to a result.</p>
<p>Ideas for improvement:</p>
<ol>
<li>make it even more interactive/auto-updating so that changes in one place (&#8220;cell&#8221;) show up in other places at once (maybe even work with realtime sources?) – maybe towards frameworks like puredata/MAX: this would help explore various parameters for the analysis functions.</li>
<li>Think about some auto-recording functions so that documentation becomes easier and the &#8220;author&#8221; has to think less about it. This might be especially possible in the narrow context of network security analysis where certain procedures are standardized or very common.</li>
</ol>
<p>See how it works, e.g. with PCAPS (German)</p>
<p><iframe width="955" height="537" src="http://www.youtube.com/embed/66c7aACFf7Q?feature=oembed&#038;start=1080" frameborder="0" allowfullscreen></iframe></p>
<p>Thanks to <a href="http://www.genua.de" target="_blank">Genua</a> who shared their internal training so well recorded and so generously!</p>
]]></content:encoded>
			<wfw:commentRss>http://complexdatavisualized.com/ipython-interactiveself-documenting-data-analysis/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Code Red Visualisations</title>
		<link>http://complexdatavisualized.com/code-red-visualisations/</link>
		<comments>http://complexdatavisualized.com/code-red-visualisations/#comments</comments>
		<pubDate>Fri, 19 Jul 2013 15:13:51 +0000</pubDate>
		<dc:creator>Kim Albrecht</dc:creator>
				<category><![CDATA[Visualization Work]]></category>
		<category><![CDATA[Visualizations]]></category>

		<guid isPermaLink="false">http://complexdatavisualized.com/?p=623</guid>
		<description><![CDATA[Code Red was a computer worm observed on the internet in July 2001. On the 12th of the month the malware program began to replicated itself to spread to other computers through networks of Microsoft&#8217;s IIS web-server. Once a system got attacked the worm checked the system clock of the machine, if the date was between the 1st and the 19th of the month code red generated a random list of IP addresses from a static seed ...]]></description>
	<style type="text/css">
                 .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; text-align:center; width:360px; }
                 </style><script type="text/javascript" src="http://complexdatavisualized.com/wp-content/plugins/advanced-iframe/js/ai.js" ></script>
<script type="text/javascript">function aiResizeIframeHeight(height) { aiResizeIframeHeightById("advanced_iframe",height); }</script>
<script type="text/javascript">function aiResizeIframeHeight_advanced_iframe(height) { aiResizeIframeHeightById("advanced_iframe",height); }</script>
<style type="text/css">
                 .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; text-align:center; width:360px; }
                 </style><script type="text/javascript" src="http://complexdatavisualized.com/wp-content/plugins/advanced-iframe/js/ai.js" ></script>
<script type="text/javascript">function aiResizeIframeHeight(height) { aiResizeIframeHeightById("advanced_iframe",height); }</script>
<script type="text/javascript">function aiResizeIframeHeight_advanced_iframe(height) { aiResizeIframeHeightById("advanced_iframe",height); }</script>
<style type="text/css">
                 .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; text-align:center; width:360px; }
                 </style><script type="text/javascript" src="http://complexdatavisualized.com/wp-content/plugins/advanced-iframe/js/ai.js" ></script>
<script type="text/javascript">function aiResizeIframeHeight(height) { aiResizeIframeHeightById("advanced_iframe",height); }</script>
<script type="text/javascript">function aiResizeIframeHeight_advanced_iframe(height) { aiResizeIframeHeightById("advanced_iframe",height); }</script>
<style type="text/css">
                 .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; text-align:center; width:360px; }
                 </style><script type="text/javascript" src="http://complexdatavisualized.com/wp-content/plugins/advanced-iframe/js/ai.js" ></script>
<script type="text/javascript">function aiResizeIframeHeight(height) { aiResizeIframeHeightById("advanced_iframe",height); }</script>
<script type="text/javascript">function aiResizeIframeHeight_advanced_iframe(height) { aiResizeIframeHeightById("advanced_iframe",height); }</script>
			<content:encoded><![CDATA[<p>Code Red was a computer worm observed on the internet in July 2001. On the 12th of the month the malware program began to replicated itself to spread to other computers through networks of Microsoft&#8217;s IIS web-server. Once a system got attacked the worm checked the system clock of the machine, if the date was between the 1st and the 19th of the month code red generated a random list of IP addresses from a static seed and infected the machines of those IP addresses. From the 20th to the 28th of the month the worm started a Denial-of-Service attack against the website whitehouse.gov. Through a research project at the Interaction Design Laboratories at the University of Applied Sciences Potsdam we tried to find different visualization formats to develop a better understanding of the worm.</p>
<p><b>Autonomous System Network</b></p>
<p>Visualisation of 15.000 attacked Autonomous Systems and their connections to each other during the Code Red epidemic. The connectivity of the links is represented by their colour and size. Magenta nodes are only rawly connected. Blue nodes are highly connected autonomous systems also called &#8220;hubs&#8221;. The connectedness of a node is measured in degrees, how many links do refer and go out from each node. The most attacked node is a not too well connected system within the network, an AS from the Korean Telecom which received 13.835 attacks. It is coloured green within the network. The two most connected nodes are UUNET which was one of the largest Internet providers in the United States it got attacked 10.767 times. And the most connected link toplink GmbH a german VoIP provider which only got attacked 34 times. In many network systems like cells or diseases epidemics spread through the hubs of a system and by doing so also affect those the most. In the chase of code red this can&#8217;t be said.</p>
<p><iframe id='advanced_iframe'  name='advanced_iframe'  src='http://visualising.org/embedded/58740' width='630' height='630' scrolling='no'  frameborder='0'  border='0'  allowtransparency='true' ></iframe></p>
<p><b>Attacks Radial</b></p>
<p>All attacks mapped by time and their location in latitude and longitude on a radial layout. Each point represents one attack and the time when it got attacked. The nodes are coloured in by the length of the attack, from red if the system was only attacked for seconds up to 30 hours in blue. All countries with more than 4.000 attacks are mapped around the radial layout by their longitude.</p>
<p><iframe id='advanced_iframe'  name='advanced_iframe'  src='http://visualising.org/embedded/58744' width='630' height='630' scrolling='no'  frameborder='0'  border='0'  allowtransparency='true' ></iframe></p>
<p><b>Attacks Timeline</b></p>
<p>All attacks mapped by time and Autonomous system. The same dataset as the Attacks-Radial-Lat-Lon-Time this time not radial but on a coordinate system. What&#8217;s interesting here are the different interpretations we can make from the two datasets. While it becomes clear were the attacks go in the radial version, in this version the anomalies at 17h become much more clearer as well as the abrupt end of the worm after 24h.</p>
<p><iframe id='advanced_iframe'  name='advanced_iframe'  src='http://visualising.org/embedded/58745' width='630' height='630' scrolling='no'  frameborder='0'  border='0'  allowtransparency='true' ></iframe></p>
<p><b>Autonomous System Hiveplot</b></p>
<p>Actually this graphic is not really readable and there are other forms to visualize Autonomous Systems Networks that are more helpful. But in two instances the structuring of the nodes can help to develop an understanding of the network. First it shows how much bigger the two biggest nodes are in the network compared to the rest and it shows the long tail there are a large amount of nodes with only one connection and very little nodes with more than that. This kind of network is very easy to attack and epidemics can spread very quickly.</p>
<p><iframe id='advanced_iframe'  name='advanced_iframe'  src='http://visualising.org/embedded/58742' width='630' height='630' scrolling='no'  frameborder='0'  border='0'  allowtransparency='true' ></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://complexdatavisualized.com/code-red-visualisations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
