Steve from posted a comment calling attention to a new free web app they have launched on their website.

This is a straight-forward drawing tool for simple left-to-right distribution diagrams. On the website just pick a node (called “budget” there) and an arrow (called “transfer”), add amount, choose color. The elements can be dragged freely in the browser window. Easy zooming with mouse wheel or double-click on an element. The ‘Save Image’ command from the browser’s context menu lets you store a PNG file.

The motto of is to “Visualise public budgets. Rationalise politics. Tackle Corruption. Eliminate waste. Fight bureaucracy.” The Sankey diagrams everyone can produce with this tool aim at visualizing financial transfers in US$.

According to the blog this is a first early release of the open source Sankey app for desktop UI. Touch friendly editing for mobile devices is under development.

Added to the list of Sankey software.

Found out via the news feed from ifu Hamburg, maker of e!Sankey that they have released an SDK based on e!Sankey that allows software makers to integrate Sankey visualizations into their application.

Two main features help to achieve this: (1) building Sankey diagrams from an XML file that contains structural and layout information (2) feeding values into a Sankey diagram template by reading ID/value pairs from a CSV file.

Found this photo somewhere on my hard disk. Probably stored it from Twitpic…

This Sankey diagram is from a physics exam. Not sure whether Cornelius is the student or the teacher?!

Promise to get back to serious by the next post.

This is what many have been waiting for, I think. The first Sankey app for iOS.

I have not tested it myself, since I don’t use iOS. But in the video on the Squishlogic website it looks fancy and moving around the nodes seems smooth. In the video they don’t show how arrows are drawn and flow quantitites are entered, but maybe Steve (who pointed out that new tool me) will comment.

Added to the Sankey diagram software list.

I really liked Will Stahl-Timmins’ article on how he developed an infographic on energy consumption in a city.

Will’s blog is called ‘Seeing is Believing’ and his central claim is that information graphics are “the visual transformation of data into understanding”. I agree: infographics are more than just a diagram and labels. They are much more “visual” and their design elements add to a better understanding. Diagrams convey data, infographics convey information. Typically they also have a broader audience: you would find a diagram in a scientific paper, but an infographic in a daily newspaper.

The article ‘Visualising city energy policies’ gives a very good insight into the reasoning of an infographer/designer when creating an infographic. Will describes how he started out from an ordinary Sankey diagram, to get to an infographic step-by-step. This involved studies of different alternatives, sketches on paper, discussions with colleagues, presentations, and many different versions of the infographic in Illustrator…

He experimented with an isometric or what he calls a “pseudo-3D” perspective, but also discovered some shortcomings in using them.

Crossing arrows were an issue. So were the stacked nodes (cubes) that hid parts of flows and were difficult to label.

The “intermediate” outcome of his meticulous work was the below infographic. It seemed to have been a long learning process to achieve this result.

Will went on to include feedback he had gotten from fellow researchers, and decided to add more information on imported energy. At the same time he had to reduce the level of detail. This is the final infographic.

Good work, I think! The resulting infographic is not a genuine Sankey diagram anymore. There are only three arrow widths left, quantities are clustered in these groups. But as I said, an infographic has a different purpose.

It is not mentioned clearly how this infographic will finally be used, and who the target audience is. I imagine it will be used as an illustration in a brochure that summarizes the findings of the URGENCHE project, but to a wider, non-technical audience.

Make sure you read the full blog post at ‘Seeing is Believing’.

Rob has made a new online tool for distribution diagrams using d3.js. Read more about it here. can be tried out at the website.

I added to the list of Sankey software.

Ecowest’s Marc Tobin has this video on Sankey diagrams up on his Youtube channel. He uses LLNLs energy flow diagrams to explain differences in the energy pattern in the 11 western states.

I particularly like it when he comments that Sankey diagrams are much appreciated by “data visulization nerds”… (check out from 0:28).

Over at the TeX – LaTeX Stack Exchange (a Q&A site for users of TeX and LaTeX) this article explains “How to draw a Sankey Diagram using TikZ”. Okay, its a bit techie, but the results look good.

The original poster wanted to know how to draw a Sankey diagram using the TikZ package (TikZ is a “higher-level drawing language built on top of the PGF graphics framework”).

User Paul Gaborit came up with this example using TikZ and building his own sankeydiagram environment

The interesting thing is that flows can fork and join, and that there is a check that the sum of quantities must be equal to the quantity of sankey node to fork.

This is how the the original sample Sankey diagram looks like with this solution.

Very nice result. So for those out there used to working with TeX/LaTeX out this is actually a good solution.

Don’t miss to read the comments too (there’s one pointing to an alternative (Matplotlib and Sankey module).