<?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>Visual Information</title>
	<atom:link href="http://www.visualinformation.org/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.visualinformation.org</link>
	<description>Visualising information</description>
	<lastBuildDate>Wed, 10 Mar 2010 22:35:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Inspiration &#8211; II</title>
		<link>http://www.visualinformation.org/2010/03/11/inspiration-ii/</link>
		<comments>http://www.visualinformation.org/2010/03/11/inspiration-ii/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 22:34:16 +0000</pubDate>
		<dc:creator>JohanW</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Visualisation]]></category>

		<guid isPermaLink="false">http://www.visualinformation.org/?p=240</guid>
		<description><![CDATA[
Great, or not so great for that matter as well, new visualisations that make me wonder and get interested in the data or information lying &#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://openpdf.com/viewer?url=http://www.research.ibm.com/visual/papers/leebyron_stackedgraphs_byron_wattenberg.pdf"><img class="alignnone  size-full wp-image-241" title="leebyron_stackedgraphs_byron_wattenberg-7" src="http://www.visualinformation.org/wp-content/uploads/2010/03/leebyron_stackedgraphs_byron_wattenberg-7.jpg" alt="leebyron_stackedgraphs_byron_wattenberg.pdf" width="900" height="384" /></a></p>
<p>Great, or not so great for that matter as well, new visualisations that make me wonder and get interested in the data or information lying behind. These things inspire me immensly. Like <a href="http://hint.fm/luscious/warm-glow.html" target="_blank">http://hint.fm/luscious/warm-glow.html</a>. No idea what the use is meant to be, but it gets me thinking, and lures me in to think of the use we could have, like in corporate communications differentiation situations and the thoughts rumble on. <a href="http://benfry.com/genomevalence/" target="_blank">http://benfry.com/genomevalence/</a> is also one of those things you just cannot rub out of your head. No idea how to read it or even begin to approach the information. But completely to die for and inspirational in a fundamentally mindboggling way.</p>
<p>So I guess what really gets me going is the bright new ones with no obvious reason for existing until the user or situation makes the reason appear. Out of nothing.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visualinformation.org/2010/03/11/inspiration-ii/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inspiration &#8211; I</title>
		<link>http://www.visualinformation.org/2010/03/03/inspiration-i/</link>
		<comments>http://www.visualinformation.org/2010/03/03/inspiration-i/#comments</comments>
		<pubDate>Wed, 03 Mar 2010 13:00:37 +0000</pubDate>
		<dc:creator>JohanW</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Processing]]></category>

		<guid isPermaLink="false">http://www.visualinformation.org/?p=237</guid>
		<description><![CDATA[
Just a simple thing as learning it all: http://processing.org/learning/
The wonderful books http://processing.org/learning/books/
The inspirational work of others http://processing.org/exhibition/, http://www.openprocessing.org/, http://www.vimeo.com/tag:processing.org, http://www.youtube.com/group/processing
The endless discussions in this excellent &#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.visualinformation.org/wp-content/uploads/2010/03/processing.jpg"><img class="alignnone size-full wp-image-238" title="processing" src="http://www.visualinformation.org/wp-content/uploads/2010/03/processing.jpg" alt="" width="637" height="481" /></a></p>
<p>Just a simple thing as learning it all: <a href="http://processing.org/learning/">http://processing.org/learning/</a></p>
<p>The wonderful books <a href="http://processing.org/learning/books/">http://processing.org/learning/books/</a></p>
<p>The inspirational work of others <a href="http://processing.org/exhibition/">http://processing.org/exhibition/</a>, <a href="http://www.openprocessing.org/">http://www.openprocessing.org/</a>, <a href="http://www.vimeo.com/tag:processing.org">http://www.vimeo.com/tag:processing.org</a>, <a href="http://www.youtube.com/group/processing">http://www.youtube.com/group/processing</a></p>
<p>The endless discussions in this excellent community where even boring problems becomes fascinating <a href="http://processing.org/discourse/yabb2/YaBB.pl">http://processing.org/discourse/yabb2/YaBB.pl</a></p>
<p>Experimental solutions come into light <a href="http://processing.org/hacks/">http://processing.org/hacks/</a></p>
<p>Processing has inspired me more than any other platform so far, apart from typography in general. Processing stands for creativity in the rawest of formats. Amazing, inspirational, mindbending, attention altering and simply wonderful.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visualinformation.org/2010/03/03/inspiration-i/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>For the moment &#8211; exhibition report</title>
		<link>http://www.visualinformation.org/2010/01/14/for-the-moment-exhibition-report/</link>
		<comments>http://www.visualinformation.org/2010/01/14/for-the-moment-exhibition-report/#comments</comments>
		<pubDate>Thu, 14 Jan 2010 19:03:23 +0000</pubDate>
		<dc:creator>JohanW</dc:creator>
				<category><![CDATA[Visual enterprise]]></category>
		<category><![CDATA[Visualisation]]></category>

		<guid isPermaLink="false">http://www.visualinformation.org/?p=233</guid>
		<description><![CDATA[
Finally we got to see the much talked about exhibition. After a tour round Sweden for invited eyes only and Brussels at the Swedish embassy &#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.visualinformation.org/wp-content/uploads/2010/01/ulf-in-fron-of-ve2_mindre.jpg"><img style="border: 0px initial initial;" title="ulf-in-fron-of-ve2_mindre" src="http://www.visualinformation.org/wp-content/uploads/2010/01/ulf-in-fron-of-ve2_mindre.jpg" alt="ulf-in-fron-of-ve2_mindre" width="900" height="620" /></a></p>
<p>Finally we got to see the much talked about exhibition. After a tour round Sweden for invited eyes only and Brussels at the Swedish embassy we (the participating designers/companies) got to see it with our own eyes. The first event took place during the EFAP-conference Crossing Borders – Bridging Gaps in cooperation with Arkitekturmuseet in Stockholm, the second event took place during the conference Green Light – Climate change and culture in cooperation with Palladium in Malmö and the the third event, in cooperation with Mirano happened in Brussels. All events was much appreciated. See the whole movie of how the show was done <a href="http://www.forthemoment.se/" target="_blank">right here</a>. You can also try the whole augmented reality thing <a href="http://www.forthemoment.se/experience-the-event/" target="_blank">right here</a>.</p>
<p>We were proud and happy to contribute with our Visual Enterprise and it was a nice happening at Form&amp;Design Center in Malmö, Sweden. Ulf, our CEO is posing in front of our part in the show in the picture above.</p>
<p><a href="http://www.visualinformation.org/wp-content/uploads/2010/01/mingle-color_small.jpg"><img style="border: 0px initial initial;" title="mingle-color_small" src="http://www.visualinformation.org/wp-content/uploads/2010/01/mingle-color_small.jpg" alt="mingle-color_small" width="748" height="444" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.visualinformation.org/2010/01/14/for-the-moment-exhibition-report/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Project Visual Enterprise</title>
		<link>http://www.visualinformation.org/2009/12/01/project-visual-enterprise/</link>
		<comments>http://www.visualinformation.org/2009/12/01/project-visual-enterprise/#comments</comments>
		<pubDate>Tue, 01 Dec 2009 13:00:26 +0000</pubDate>
		<dc:creator>JohanW</dc:creator>
				<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[Processing]]></category>
		<category><![CDATA[Visual enterprise]]></category>
		<category><![CDATA[Visualisation]]></category>

		<guid isPermaLink="false">http://www.visualinformation.org/?p=223</guid>
		<description><![CDATA[
Some words about this project since it is about to come to public attention anyway through a European Union connected exhibition (For the Moment) that &#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.visualinformation.org/wp-content/uploads/2009/12/VisualEnterpriseGeo_800.jpg"><img class="alignnone size-full wp-image-225" title="VisualEnterpriseGeo_800" src="http://www.visualinformation.org/wp-content/uploads/2009/12/VisualEnterpriseGeo_800.jpg" alt="VisualEnterpriseGeo_800" width="800" height="522" /></a></p>
<p>Some words about this project since it is about to come to public attention anyway through a European Union connected exhibition (<a href="http://www.forthemoment.se/" target="_blank">For the Moment</a>) that is going from Stockholm, Sweden, Malmö, Sweden (for the closing of the swedish chairmanship of EU) and to Mirano, Brussels (swedish embassy). Visual Enterprise is shown in the company of 45 other swedish companies with mainly &#8220;designed&#8221; products (SonyEricsson, Axis, Källemo, Jonas Lindvall, TRETORN etc) promoting swedish innovation and creativity. Yay!</p>
<p><strong>Project Visual Enterprise purpose</strong></p>
<p>The purpose of the project is to create a visual, interactive visualisation of the complete Enterprise and its business logic. This means to show everything an enterprise consists of, from products, people, organisations to relations and processes and more. We use several different visualisation techniques, some traditional and some more innovative. We aim to show the complete Enterprise to different kinds of users. The user can reside in different organisational levels within the organisation and thus have different needs for information. We are sketching CEO Dashboards as well as views intended for information details for the individual from several perspectives. The Visual Enterprise is detached from the even bigger visualisation concept – the Corporate Command Central which includes hardware and innovative user interfaces.</p>
<p>The Visual Enterprise Project is limited to the visualisation of the Enterprise and its business logic.<br />
The focus is the ability to derive knowledge and comprehension from the visualisation. We want to understand the nature of the complete enterprise and thus allow for decisions to be made based on facts rather than instinct or complacency.</p>
<p><strong>Filling the demand</strong></p>
<p><em>Demands from the market</em><br />
The overview of the complete enterprise is missing. There are methods, like a Balanced Scorecard, of controlling an enterprise from  top management in an overview manner, but no means of following the development in the enterprise that reflects the events in reality for the enterprise. The present available informationssystems (Qliktech, SAP, Hyperion etc) and techniques focuses mainly on one kind of information, whether it would be categorised as transaction data, subarea data (GIS, Product portfolio management, performance information etc) for the enterprise. These systems tends to increase the fragmented image of the enterprise, increase complexity in information retrieval and increase the dificulty of comparison of information coming from different systems rather than simplify the intended situation. Our focus would be on the complete picture – in historic, present and future contexts. This in combination with overflow of unstructured information makes swedish industry and corporations vulnarable and limiting the competitive advantages the enterprise possess.</p>
<p><em>Three main demands:</em><br />
• Complete picture: multidimensional information, informationstructure, historic data, all information areas – overview and details in conjunction.<br />
• Time: covering past, present and simulating future<br />
• Managing the evolution of the enterprise in realtime</p>
<p><strong>Summary</strong></p>
<p>The long term competitiveness of the swedish (and international) businesses is affected by the capabilitiy of running, maintaining and surveilling todays informationsystems. And in its extension follows the capacity for decisionmaking supplied by the informationsystems.</p>
<p>Visualising the complete enterprise is the only possible way to perceive and digest the enormous amount of critical information, derived from the complete enterprise, needed on a daily basis. The visualisation is aimed for multiple roles in an enterprise. Individual needs for perceiving information is vital and implies multiple visualising techniques of the enterprise’s information.</p>
<p>Download pdf with more images and some details <a href="http://www.visualinformation.org/wp-content/uploads/2009/12/Visual-enterprise-public.pdf">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visualinformation.org/2009/12/01/project-visual-enterprise/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The revelation of the complex</title>
		<link>http://www.visualinformation.org/2009/11/23/the-revelation-of-the-complex/</link>
		<comments>http://www.visualinformation.org/2009/11/23/the-revelation-of-the-complex/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 20:25:39 +0000</pubDate>
		<dc:creator>JohanW</dc:creator>
				<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[Information]]></category>

		<guid isPermaLink="false">http://www.visualinformation.org/?p=219</guid>
		<description><![CDATA[
Design is choice.
”What is to be sought in designs for the display of information is the clear portrayal of complexity. Not the complication of the &#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.visualinformation.org/wp-content/uploads/2009/11/tufte-revelation-of-the-complex2.jpg"><img class="alignnone size-full wp-image-220" title="tufte---revelation-of-the-complex2" src="http://www.visualinformation.org/wp-content/uploads/2009/11/tufte-revelation-of-the-complex2.jpg" alt="tufte---revelation-of-the-complex2" width="1000" height="590" /></a></p>
<p>Design is choice.</p>
<p>”What is to be sought in designs for the display of information is the clear portrayal of complexity. Not the complication of the simple; rather the task of the designer is to give visual access to the subtle and the difficult–that is, the revelation of complexity.”<br />
Edward R. Tufte</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visualinformation.org/2009/11/23/the-revelation-of-the-complex/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Transparent application window in Processing</title>
		<link>http://www.visualinformation.org/2009/09/25/transparent-application-window-in-processing/</link>
		<comments>http://www.visualinformation.org/2009/09/25/transparent-application-window-in-processing/#comments</comments>
		<pubDate>Fri, 25 Sep 2009 06:31:47 +0000</pubDate>
		<dc:creator>JohanW</dc:creator>
				<category><![CDATA[Processing]]></category>
		<category><![CDATA[Programming]]></category>

		<guid isPermaLink="false">http://www.visualinformation.org/?p=211</guid>
		<description><![CDATA[
The transparent window or shaped window was supposedly not easy to do. I found that by tweaking in the awt of Java it worked kind &#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.visualinformation.org/wp-content/uploads/2009/09/windowProcessing1.jpg"><img class="alignnone size-full wp-image-216" title="windowProcessing" src="http://www.visualinformation.org/wp-content/uploads/2009/09/windowProcessing1.jpg" alt="windowProcessing" width="695" height="463" /></a></p>
<p>The transparent window or shaped window was supposedly not easy to do. I found that by tweaking in the awt of Java it worked kind of as I would like it to do. On Windows XP. NOT on MacOSX. Also the shaped window which is demonstrated here. If labbed with some more you should find that you could do pretty much all you want to do, by tweaking the shaped window or tweaking the setOpaque or setOpacity which is two different things. Depending on what you want to do and depending on platform.</p>
<p>Note! This code does not work on MacOSX. Due to different Java implementations I guess. AND it&#8217;s hackish. No exception handling and there is alot of stuff that can go wrong I guess.</p>
<p>UPDATE! December 10 209, the java implementation was updated on MacOSX 10.6, to the current version available on windows. Nice and all, but the problem persists. Hmm. AWT? Workaround on the mac?</p>
<p>Read more on the subject right here:<br />
<a href="http://java.sun.com/developer/technicalArticles/GUI/translucent_shaped_windows/#Enabling-Per-Pixel-Translucency" target="_blank">http://java.sun.com/developer/technicalArticles/GUI/translucent_shaped_windows/#&#8230;</a></p>
<p><a href="http://java.sun.com/docs/books/tutorial/uiswing/misc/trans_shaped_windows.html" target="_blank">http://java.sun.com/docs/books/tutorial/uiswing/misc/trans_shaped_windows.html</a></p>
<p>Heres the code I got working on Windows XP:<br />
<span style="font-family: Courier New;"><br />
import com.sun.awt.AWTUtilities;<br />
import  java.awt.GraphicsDevice.*; // PC only<br />
import java.awt.Shape;<br />
import java.awt.geom.*;<br />
import javax.swing.*;</span></p>
<p>public void init(){<br />
// to make a frame not displayable, you can<br />
// use frame.removeNotify()</p>
<p>frame.removeNotify();<br />
frame.setUndecorated(true);</p>
<p>// addNotify, here i am not sure if you have<br />
// to add notify again.<br />
//  frame.addNotify();<br />
// frame.removeNotify();<br />
super.init();<br />
}</p>
<p>void setup() {<br />
size(200, 200);<br />
noStroke();<br />
frame.setAlwaysOnTop(true); // Alltid på topp<br />
frame.setLocation(0,0);<br />
AWTUtilities.setWindowOpaque(frame, false);<br />
AWTUtilities.setWindowOpacity(frame, 0.9f);</p>
<p>Shape shape = null;<br />
//shape = new Ellipse2D.Float(0, 0, frame.getWidth(), frame.getHeight());<br />
//shape = new Ellipse2D.Float(0, 0, 200, 200);<br />
//  shape = new RoundRectangle2D.Float(0, 0, 200, 200, 20, 20);<br />
//shape = new Polygon(int[] xpoints, int[] ypoints, int npoints) ;<br />
int[] myXes = new int[4];<br />
myXes[0]=0;<br />
myXes[1]=150;<br />
myXes[2]=150;<br />
myXes[3]=0;<br />
int[] myYs = new int[4];<br />
myYs[0]=0;<br />
myYs[1]=20;<br />
myYs[2]=180;<br />
myYs[3]=0;<br />
shape = new Polygon(myXes, myYs, 4) ;<br />
AWTUtilities.setWindowShape(frame, shape);</p>
<p>}</p>
<p>void draw() {<br />
setBackground(new Color(0,0,0,255)); // should work with normal background(255) command<br />
//  frame.setVisible(true);</p>
<p>fill(255, 0, 0, 255); // the alpha is not in play at this point &#8211; but it come into play when doing per-pixel translucency<br />
rect(23, 23, 54, 54);<br />
}<br />
<a href="http://visualinformation.org/" target="_blank"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.visualinformation.org/2009/09/25/transparent-application-window-in-processing/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>FOTB09?</title>
		<link>http://www.visualinformation.org/2009/09/23/fotb09/</link>
		<comments>http://www.visualinformation.org/2009/09/23/fotb09/#comments</comments>
		<pubDate>Wed, 23 Sep 2009 21:10:15 +0000</pubDate>
		<dc:creator>JohanW</dc:creator>
				<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Visualisation]]></category>

		<guid isPermaLink="false">http://www.visualinformation.org/?p=208</guid>
		<description><![CDATA[
Yes, Flash on the Beach 2009, and no its not just Flash developers. It was problably awesome. Sheesh, why can&#8217;t people tell me about these &#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flashonthebeach.com/" target="_blank"><img class="alignnone size-medium wp-image-209" title="fotb" src="http://www.visualinformation.org/wp-content/uploads/2009/09/fotb-300x80.gif" alt="fotb" width="300" height="80" /></a></p>
<p>Yes, <a href="http://www.flashonthebeach.com/" target="_blank">Flash on the Beach 2009</a>, and no its not just Flash developers. It was problably awesome. Sheesh, why can&#8217;t people tell me about these kinds of events a little bit sooner <img src='http://www.visualinformation.org/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.visualinformation.org/2009/09/23/fotb09/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>If you can see it, you can improve it</title>
		<link>http://www.visualinformation.org/2009/09/02/if-you-can-see-it-you-can-improve-it/</link>
		<comments>http://www.visualinformation.org/2009/09/02/if-you-can-see-it-you-can-improve-it/#comments</comments>
		<pubDate>Wed, 02 Sep 2009 19:20:29 +0000</pubDate>
		<dc:creator>JohanW</dc:creator>
				<category><![CDATA[Information]]></category>
		<category><![CDATA[Visual enterprise]]></category>
		<category><![CDATA[Visualisation]]></category>

		<guid isPermaLink="false">http://www.visualinformation.org/?p=196</guid>
		<description><![CDATA[
Just as a lot of innovative visualisations are coming from the newly arised social networking theme of the web, we are just beginning to look &#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.visualinformation.org/wp-content/uploads/2009/09/factory-overlay1.jpg"><img class="alignnone size-full wp-image-201" title="factory-overlay" src="http://www.visualinformation.org/wp-content/uploads/2009/09/factory-overlay1.jpg" alt="factory-overlay" width="900" height="684" /></a></p>
<p>Just as a lot of innovative visualisations are coming from the newly arised social networking theme of the web, we are just beginning to look at visualisations for the enterprise. The visual status of the information an enterprise consists of is not really taken seriously considering the amount of money there is to save if you got your information right. Spending some time and some serious money you can actually see what your enterprise looks like. This is not as obvious nowadays as it might seem when enterprises are becoming more and more virtual.</p>
<p>Since a lot of enterprises are turning more and more virtual (like outsourcing of both physical and knowledge processes like IT or production and sourcing) there is an increased demand for what you can actually see and understand. A factory of traditional means is physical and can be visited and inspected and thereby easily improved from what you see in regards of both machinery and processes. These &#8220;factories&#8221; are no more a part of the traditional enterprise in the industrialized part of the world, but the urge to actually go into the factory and see what’s going on and improve processes and machinery, is still there.<br />
This is why we need the ability to create and edit business logics and invent ground breaking visualisations. Perhaps even augmented reality in the long run.</p>
<p>Many &#8220;social-networking-classics&#8221; visualisation techniques with nodes and edges in different colours could and should be used where it has its place, but the difference is that we are not applying these visualisation techniques on the social networking field of information, but on the actual enterprise and the business logic. Some new visualisation techniques will have to be produced as well. A little paraphrasing on WYSIWYG would be WYSIWYCI (What you see is what you can improve).</p>
<p>What we can see and feel, we can understand and improve. This is one of the keys for any enterprise that wants to survive in the future.</p>
<p>By the way, how DO you improve something invisible? <img src='http://www.visualinformation.org/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>Co-author Ulf Jensen</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visualinformation.org/2009/09/02/if-you-can-see-it-you-can-improve-it/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Visualising with a Common Point of Reference</title>
		<link>http://www.visualinformation.org/2009/08/21/visualising-with-a-common-point-of-reference/</link>
		<comments>http://www.visualinformation.org/2009/08/21/visualising-with-a-common-point-of-reference/#comments</comments>
		<pubDate>Fri, 21 Aug 2009 13:29:51 +0000</pubDate>
		<dc:creator>JohanW</dc:creator>
				<category><![CDATA[Information]]></category>
		<category><![CDATA[Visual enterprise]]></category>
		<category><![CDATA[Visualisation]]></category>

		<guid isPermaLink="false">http://www.visualinformation.org/?p=189</guid>
		<description><![CDATA[
Visualising the complete enterprise is not done in an afternoon. One of the key parts of being able to do it at all is having &#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.visualinformation.org/wp-content/uploads/2009/08/cpr.jpg"><img class="alignnone size-full wp-image-190" title="cpr" src="http://www.visualinformation.org/wp-content/uploads/2009/08/cpr.jpg" alt="cpr" width="950" height="713" /></a></p>
<p>Visualising the complete enterprise is not done in an afternoon. One of the key parts of being able to do it at all is having a common point of reference. A common point to refer everything back to. If every piece of information in an enterprise is constantly changing, including values and market behaviour, you need to have one place to actually feel solid ground. Ground that doesn&#8217;t move. You have to stand somewhere when you are looking out into the vast space of the information that a global enterprise consists of. Preferably you need to be in the middle of everything to be able to see what&#8217;s going on around you, since everything is moving and constantly changing. Very much like a living organism. This solid ground is what we name the common point of reference. Every piece of information has its anchor back to this point.</p>
<p>Having this common point of reference makes the visualisation actually achievable. This common point is not a bunch of servers making up the master data, we would still be confused and have enormous difficulties sorting out what&#8217;s what if this would be the case. The common point of reference is one of the most critical parts of an enterprise information management capabilites and in the extension of this the enterprises actual ability to improve and evolve in a controlled way. And critical to be able to produce a visualisation of the data fusion showing the enterprises actual and possible state.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.visualinformation.org/2009/08/21/visualising-with-a-common-point-of-reference/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Simple picking in 3D</title>
		<link>http://www.visualinformation.org/2009/06/03/simple-picking-in-3d/</link>
		<comments>http://www.visualinformation.org/2009/06/03/simple-picking-in-3d/#comments</comments>
		<pubDate>Wed, 03 Jun 2009 18:35:25 +0000</pubDate>
		<dc:creator>JohanW</dc:creator>
				<category><![CDATA[Programming]]></category>

		<guid isPermaLink="false">http://www.visualinformation.org/?p=175</guid>
		<description><![CDATA[
Thought I&#8217;d post this little hack. I picked up the Terzidis book Algorithms for Visual Design (using Processing) and found a version of my own &#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.visualinformation.org/wp-content/uploads/2009/06/bild-3.png"><img class="alignnone size-full wp-image-178" title="bild-3" src="http://www.visualinformation.org/wp-content/uploads/2009/06/bild-3.png" alt="bild-3" width="649" height="421" /></a></p>
<p>Thought I&#8217;d post this little hack. I picked up the <a href="http://eu.wiley.com/WileyCDA/WileyTitle/productCd-0470375485.html">Terzidis book Algorithms for Visual Design</a> (using Processing) and found a version of my own little 3D picking hack and thought that my hack might be ok. I never saw this as anything but a quick hack, but it has helped me alot, still does. I thought that it hopefully could help some people having difficulties solving the picking problem the &#8220;real&#8221; (and hard) way. It would have helped me.<br />
Heres the code:</p>
<address><span style="color: #000000;">/**</span></address>
<address><span style="color: #000000;">* Selecting_objects_3D &#8211; easy way</span></address>
<address><span style="color: #000000;">* by Johan Wastring</span></address>
<address><span style="color: #000000;">*</span></address>
<address><span style="color: #000000;">* Quick and dirty way f picking in 3D if you have less</span></address>
<address><span style="color: #000000;">* than 200 objects in a list. It&#8217;s not fancy,</span></address>
<address><span style="color: #000000;">* but it works on small numbers of objects.</span></address>
<address><span style="color: #000000;">* Run sketch and pick with mouse to change the color.</span></address>
<address><span style="color: #000000;">*</span></address>
<address><span style="color: #000000;">*/</span></address>
<address><span style="color: #000000;">import processing.opengl.*;</span></address>
<address><span style="color: #000000;">int numOfShapes = 5;</span></address>
<address><span style="color: #000000;">Shape[] myShapes = new Shape[numOfShapes];</span></address>
<address><span style="color: #000000;">void setup() {</span></address>
<address><span style="color: #000000;"> noStroke ();</span></address>
<address><span style="color: #000000;"> size (400, 400, OPENGL);</span></address>
<address><span style="color: #000000;"> // create your shapes in a list</span></address>
<address><span style="color: #000000;"> for (int i = 0; i &lt; numOfShapes; i ++) {</span></address>
<address><span style="color: #000000;"> myShapes[i] = new Shape(i*20, 0, 0);</span></address>
<address><span style="color: #000000;"> }</span></address>
<address><span style="color: #000000;">}</span></address>
<address><span style="color: #000000;">void draw() {</span></address>
<address><span style="color: #000000;"> background(255);</span></address>
<address><span style="color: #000000;"> // Call theSelector before you draw your shapes</span></address>
<address><span style="color: #000000;"> theSelector();</span></address>
<address><span style="color: #000000;"> // draw your shapes</span></address>
<address><span style="color: #000000;"> for (int i = 0; i &lt; numOfShapes; i ++) {</span></address>
<address><span style="color: #000000;"> myShapes[i].display();</span></address>
<address><span style="color: #000000;"> }</span></address>
<address><span style="color: #000000;"> // a Camera well placed after all above</span></address>
<address><span style="color: #000000;"> camera(</span></address>
<address><span style="color: #000000;"> 40, 0, -120,</span></address>
<address><span style="color: #000000;"> 40, 0, 0,</span></address>
<address><span style="color: #000000;"> 0, 1, 0 );</span></address>
<address><span style="color: #000000;">}</span></address>
<address><span style="color: #000000;">// the nice Selector</span></address>
<address><span style="color: #000000;">void theSelector() {</span></address>
<address><span style="color: #000000;"> // SELECTION BY MOUSE</span></address>
<address><span style="color: #000000;"> int tolerance = 10; // to make it easy to pick the shape</span></address>
<address><span style="color: #000000;"> for ( int i = 0; i &lt; numOfShapes; i ++) {</span></address>
<address><span style="color: #000000;"> // get objects screenX coords</span></address>
<address><span style="color: #000000;"> float checkX = myShapes[i].getScreenX();</span></address>
<address><span style="color: #000000;"> // if it matches the mouseX decently proceed to get Y</span></address>
<address><span style="color: #000000;"> if (checkX &gt;= (mouseX-tolerance) &amp;&amp; checkX &lt;= (mouseX+tolerance)) {</span></address>
<address><span style="color: #000000;"> boolean yes = true;</span></address>
<address><span style="color: #000000;"> if (yes == true) {</span></address>
<address><span style="color: #000000;"> // get the Y one</span></address>
<address><span style="color: #000000;"> float checkY = myShapes[i].getScreenY();</span></address>
<address><span style="color: #000000;"> // if that one matches decently with the mouseY do something with that shape</span></address>
<address><span style="color: #000000;"> if (checkY &gt;= (mouseY-tolerance) &amp;&amp; checkY &lt;= (mouseY+tolerance)) {</span></address>
<address><span style="color: #000000;"> // make new cursor indicating selection is possible</span></address>
<address><span style="color: #000000;"> cursor(MOVE);</span></address>
<address><span style="color: #000000;"> if (mousePressed == true &amp;&amp; mouseButton == LEFT) {</span></address>
<address><span style="color: #000000;"> // here the action happens if it gets this far</span></address>
<address><span style="color: #000000;"> myShapes[i].setSelected(i);</span></address>
<address><span style="color: #000000;"> }</span></address>
<address><span style="color: #000000;"> }</span></address>
<address><span style="color: #000000;"> }</span></address>
<address><span style="color: #000000;"> }</span></address>
<address><span style="color: #000000;"> }</span></address>
<address><span style="color: #000000;">}</span></address>
<address><span style="color: #000000;">class Shape {</span></address>
<address><span style="color: #000000;"> float x, y, z;</span></address>
<address><span style="color: #000000;"> boolean isSelected = false;</span></address>
<address><span style="color: #000000;"> Shape(float inX, float inY, float inZ) {</span></address>
<address><span style="color: #000000;"> x = inX;</span></address>
<address><span style="color: #000000;"> y = inY;</span></address>
<address><span style="color: #000000;"> z = inZ;</span></address>
<address><span style="color: #000000;"> }</span></address>
<address><span style="color: #000000;"> void display(){</span></address>
<address><span style="color: #000000;"> pushMatrix();</span></address>
<address><span style="color: #000000;"> translate(x, y, z);</span></address>
<address><span style="color: #000000;"> rotateX(HALF_PI/2);</span></address>
<address><span style="color: #000000;"> stroke(255);</span></address>
<address><span style="color: #000000;"> if (isSelected == true) {</span></address>
<address><span style="color: #000000;"> fill(255, 0, 0);</span></address>
<address><span style="color: #000000;"> }</span></address>
<address><span style="color: #000000;"> else {</span></address>
<address><span style="color: #000000;"> fill(0, 0, 255);</span></address>
<address><span style="color: #000000;"> }</span></address>
<address><span style="color: #000000;"> box(10);</span></address>
<address><span style="color: #000000;"> popMatrix();</span></address>
<address><span style="color: #000000;"> }</span></address>
<address><span style="color: #000000;"> void setSelected(int i) {</span></address>
<address><span style="color: #000000;"> this.isSelected = true;</span></address>
<address><span style="color: #000000;"> println(&#8220;Got it &#8221; + i);</span></address>
<address><span style="color: #000000;"> }</span></address>
<address><span style="color: #000000;"> float getScreenX() {</span></address>
<address><span style="color: #000000;"> float f = screenX(x, y, z);</span></address>
<address><span style="color: #000000;"> return f;</span></address>
<address><span style="color: #000000;"> }</span></address>
<address><span style="color: #000000;"> float getScreenY() {</span></address>
<address><span style="color: #000000;"> float f = screenY(x, y, z);</span></address>
<address><span style="color: #000000;"> return f;</span></address>
<address><span style="color: #000000;"> }</span></address>
<address><span style="color: #000000;">}</span></address>
]]></content:encoded>
			<wfw:commentRss>http://www.visualinformation.org/2009/06/03/simple-picking-in-3d/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
