Graphical visualization of text similarities in essays in a book | munterbund.de Early stages in the process While developing the visualization algorithms, we plotted out a lot of different approaches that in the end we discarded for one reason or another. Here you can look at some of them. Examples of final results Here are some examples of the final visualization algorithm at work. Elastic lists Background: Facet Browsing Facet browsers make different aspects of the underlying data accessible in parallel. Selecting one of the metadata values, and thus filtering the result set, restricts the available metadata values only to those occurring in the results. Consequently, the user is visually guided through an iterative process of query refinement and expansion, never encountering situations with zero results. Facet browsing applications impose no restrictions, in which order, or in which granularity filters are applied on a result set. Elastic Lists Elastic lists the navigation principle of facetted browsing, but enhance the information presentation with respect to the following features: Visualize weight proportions In many situations, it is informative to immediately see which are the predominant values and which cover only a minor part of the data set. Emphasize characteristic values Animated transitions Sparklines
JuiceKit for Visual Analytics - JuiceKit™ SDK Adequately Good - JavaScript Scoping and Hoisting - by Ben Cherry Do you know what value will be alerted if the following is executed as a JavaScript program? var foo = 1; function bar() { if (!foo) { var foo = 10; } alert(foo); } bar(); If it surprises you that the answer is "10", then this one will probably really throw you for a loop: var a = 1; function b() { a = 10; return; function a() {} } b(); alert(a); Here, of course, the browser will alert "1". Scoping in JavaScript One of the sources of most confusion for JavaScript beginners is scoping. #include <stdio.h> int main() { int x = 1; printf("%d, ", x); // 1 if (1) { int x = 2; printf("%d, ", x); // 2 } printf("%d\n", x); // 1 } The output from this program will be 1, 2, 1 . var x = 1; console.log(x); // 1 if (true) { var x = 2; console.log(x); // 2 } console.log(x); // 2 In this case, Firebug will show 1, 2, 2 . To a lot of programmers who are used to languages like C, C++, C#, or Java, this is unexpected and unwelcome. Declarations, Names, and Hoisting These are of the form function foo() {} .
Fidg't: Your Social Networking Address Book Explore your network with the Fidg't Visualizer* The Fidg't Visualizer allows you to play around with your network. You interface with the Visualizer through Flickr and LastFM tags, using any tag to create a Magnet. Once a Tag Magnet is created, members of the network will gravitate towards it if they have photos or music with that same Tag. This simple mechanic lets you visualize your Network in a unique way, demonstrating its Predisposition towards certain things. For good measure, you can also search through the network for certain users, and check out their recent photos and music. The Fidg't Visualizer is in an alpha release. Windows users might need to download Java, which can be done here . *You can download and play with the Fidg't Visualizer even if you haven't created a Fidg't account. 8.1.07 Thanks to Casey Reas for putting our Visualizer up on the Processing Home Page.
Recovered moritz.stefaner.eu - Müsli Ingredient Network Hover to pause, click to open full resolution The end result was a straight-forward radial network visualization, with the ingredients grouped by category (base mueslis, fruit, nuts, sweets, etc.). Some niceties have gone into the line rendering, with gradient strokes (depending on the categories of the connected nodes) and white stroke outlines to facilitate visual perception of the depth stacking. Some interesting insights can be gained from this visualization: Fruit are the most popular ingredient, and are often combined with each other. Sweets and nuts, however, are rarely combined. Enter... the matrix But, as so often, a certain visualization form often highlights specific insights, but neglects others. During development, the view that helped us most with identifying all the little interesting stories in the data, was in fact a matrix visualization: New stories stand out now: Strawberry (Erdbeeren) with "Crunchy and Oat". Matrix with surprise factor
Structure Synth Skilldrick » Closures explained with JavaScript Last year I wrote A brief introduction to closures which was meant to help people understand exactly what a closure is and how it works. I’m going to attempt that again, but from a different angle. I think with these kinds of concept, you just need to read as many alternative explanations as you can in order to get a well rounded view. First-class functions As I explained in Why JavaScript is AWESOME, one of the most powerful parts of JavaScript is its first-class functions. can be stored in variables and data structures can be passed as a parameter to a subroutine can be returned as the result of a subroutine can be constructed at runtime has intrinsic identity (independent of any given name) So, functions in JavaScript are just like objects. The ability to nest functions gives us closures. Nested functions Here’s a little toy example of nested functions: The important thing to note here is that there is only one f defined. Free variables and scope What do I mean by scope? Summary
GroupVisual.io Visualising Data