graphs

55 posts under this tag.

Streetside view 2
0
0
7
Jun
22

Speaking of locality, if you haven’t seen Google’s new Streetside View (like, say, in San Francisco) you’re missing a future shock gasp. (via O’Reilly Radar)

Breathtaking immersion. Eerily reminiscent of Rainbows EndWP, AM.

Also not to be missed are Immersive Media’s—one of the companies behind this new feature—richer demos: pannable videos!

The Bayeaux Tapestry—Animated 2
0
0
7
May
07

That multimedia brings subjects “alive” is a painfully false cliche these days. For me at least. Maybe I’m just disappointed by the yawning gap between promise and (often gratuitous) delivery. Maybe I’m still too word-centric.

Thus my surprise with this animation of that most famous embroidered account of the 1066 Norman invasion of England (→), the Bayeaux TapestryWP. It’s so simple and yet so stunningly effective. (Though of course I have a sweet spot for animated tapestries…)

I can’t watch it without wondering what its weavers at the turn of the first millennium would say if they could look at their creations now.

(via Very Short List, which neatly sums up the work with a Venn diagram—as is their intriguing custom—, )

Faith in facedesign 2
0
0
7
Apr
25

We will come to think of interface design as a kind of art form
—perhaps the art form of the next century.

Steven Johnson, Interace Culture, p213


Dasher
hit escape to halt animation
“Hello, how are you?” being written in Dasher. (Hit escape to halt animation.)

A text-entry interface for the tetraplegic, it’s like nothing you’ve seen. Not only does using it have the same rush and exhilaration of playing SonicWP, it is also unbelievably efficient. And again, sheer fun.

It will take you some 5 minutes to get the hang of it (not out of difficulty, out of profound weirdness) but believe you me, you won’t regret it. Read the quick, 3-page explanation and try the Java version in-browser or download it. It’s free software and there are localized versions in many languages.


If such deep novelty, such striking unrealityELZR lies in something as mundane as text-entry, what wonders lie yon in the craft of interface design?


Scratch

Visual programming has been a perennial pipe dream of mine and just some three months ago the MIT Media Lab unveiled the best embodiment so far of my vague and unspecified dreams. It’s called Scratch and it’s meant to introduce children to computing by giving them easy, programmatic means to media manipulation.

The brilliant breakthrough has been to Lego-fy programming, making control blocks actually, well, blocks, and turning programming into block stacking. Yes, it’s messy and you have to fumble around for blocks but it’s visual, incredibly intuitive, and—get this—syntax error free (since blocks have shapes and will only fit in ways that make syntactic sense).

It was scary, you know, when I first knew about Scratch, just some days after it was launched, my evangelizing streak came back with a vengeance and I felt this strange calling to go and teach it somewhere, wherever. Here was finally an easy way to show “normal” people what programming was. Here it is.



German Most Frequently Reported Ancestry in the US 2
0
0
7
Apr
22

Which is quite amazing, I must say. Always thought the English colony would have English at the top, by far.

Check the US Census press release where this was reported for definitions and more context.

Star
English Monarchs 2
0
0
7
Apr
18

Timeseries of English monarchs

I really should know better than spending the better part of three days on a whim…

Science Map 2
0
0
7
Mar
22

A map of relations among scientific paradigms, this is a masterpiece of information design. Both1 data, algorithms, and design (particularly typography) are awe-inspiring. Read up on them on Seed magazine, which has an article on it and hosts the 3.5MB graph, and on Information Aesthetics, where you can buy (or soon will, they’re experiencing some technical difficulties) a gorgeous print for 10 bucks (shipping and handling included!).

1 Yes, I know! This “both” introduces three, not two, things. So shoot me. It felt so right.

Star
Why read The Economist 2
0
0
7
Mar
16

Here 2 examples—a graph and a paragraph—from a typical article (about the paper industry’s dire prospects, of all things) in this week’s edition of The Economist.

Restructuring in the paper industry is proceeding at a furious pace. The first thing some paper companies have jettisoned is ownership of forests. International Paper (IP), one of the world’s biggest pulp-and-paper companies which is based in Tennessee, used to be the largest private landowner in America. A year ago the company sold 5.7m acres, or 90%, of its forestland—an area larger than Massachusetts. The $6.6 billion sale was “probably the hardest decision that I’ve had to make since I became CEO,” says John Faraci, IP’s boss since 2003. Most buyers were financial investors, but 5% of the land went to conservation groups.

The Economist, Flat prospects, Mar 15th 2007

Starting with the graph: it’s a 16-year window to worldwide newsprint production that drives home the article’s main point with eloquence: North America’s newsprint production (a fifth, you will notice, of the world’s; used to be a fourth) is slowly but decisively dwindling; production in the rest of the world, on the other hand, is increasing, albeit not in a hurry.

It’s full of conventions too, but they’re so well thought that you never need to be consciously aware of them as a reader: Take the upper-left red patch, a gentle way to guide your eyes to the graph’s title and instructions. The source always goes at the bottom, smaller-typed, and the y-axis is always labeled at the right, which I find more natural than the common left convention (it makes you look at the graph first, notice its pattern). The x-axis is usually the time axis, its gridlines usually obviated for clarity’s sake, and its labels, usually years, presented in a simple format that marks millennia only when needed. And graphs are always in this blue scheme—a convention to avoid color misinformation that still allows for meaningful distinctions between color shades: darker blue for the main variable under discussion, the foreground; lighter, fading blue(s) for the background variable(s).

As for the paragraph, it’s brimming with fascinating facts about the world. Did you know who the world’ biggest pulp-an-paper company was and that it was located in Tennessee (WP)—of all places? Did you know it also happened to be the largest private landowner in America? (A paper company! The largest private landowner in America!) Did you know it recently sold, because of restructuring, 90% of its forestland, 5.7m acres—an area larger than Massachusetts? Did you know it sold them for $6.6 billions? (Surprisingly cheap, considering it’s an area big enough for many a country.) Did you know most buyers were financial investors but 5% were conservation groups? (A wonderful example of how trade allocates resources, peacefully and quietly, to those who care about them.) Now you know.

Star
New PokeCalendar(io)! 2
0
0
7
Mar
02

Never would’ve thought designing calendars was this fun. (PokeCalendario, btw, is a great turn of phrase by James P. Wack)

Crisscross multiplying 2
0
0
7
Feb
18

This really won’t save you any work at all but it’s sure to baffle casual onlookers.

At heart is just the usual distributiveWP algorithm we all use when multiplying arabicsWP, rearranged and visually rewritten using the immediate correspondence of crisscrosses to multiplication: .

The most amazing thing about the web 2
0
0
7
Feb
12

Three good, non-obvious answers:

  • That we participate in it.

    Who are these people? Seriously, who actually sits down after a long day at work and says, I’m not going to watch Lost tonight. I’m going to turn on my computer and make a movie starring my pet iguana? I’m going to mash up 50 Cent’s vocals with Queen’s instrumentals? I’m going to blog about my state of mind or the state of the nation or the steak-frites at the new bistro down the street? Who has that time and that energy and that passion?

    You can use words like ‘platform’ and ‘web application’ and ‘Ajax’ and ‘desktop functionality’ but really in essence the most amazing thing about the web today is the concept of sharing is becoming increasingly OK. We are slowly coming out of our cocoons, testing the waters and sharing out things that we know, and things that we love or hate.

  • That we can make (some) sense of it at all.

    People understand a graph composed of tree-like documents (HTML) related by links (URLs). In some ways I find this the most surprising of all. For years we assumed people had trouble with trees, never mind graphs. And suddenly hyperlinks come along, and as long as there is a Back button, they work.

    Adam Bosworth, Learning from THE WEB

    I would argue that the “back” button is one of the two or three defining constraints of interaction design. I’d even go so far to say that it’s more significant than the hyperlink.

    “Back” doesn’t just mean “go backwards”: it stands for the entire paradigm of user-controlled navigation, arbitrary hyperlinking, and back-as-undo that everyone has come to expect from the behavior of software.. The back button is a contract web design has with our users.

  • That it is a universal namespace.

    The most important thing about the Web is that it is a universal namespace, something that has not been available before, not at this level of precision.

    Benny Gustavsson, On the Semantic Web languagePDF