February 22nd, 2014

Selfiecity

selfiecity-480

The selfiecity project has launched earlier this week, and boy, it has hit a nerve. We had 10’000s of visitors in the first few days, and hundreds of articles and posts linking to the project.

→ read more

May 17th, 2010

Elastic Lists, revisit: open source!

In the past, I have profited immensely from using open source projects, foremost flare, but also many other libraries. I would like to give something back by open sourcing my favorite toy, the Elastic Lists project on github: github.com/MoritzStefaner/Elastic-Lists.

Have fun with it! Please keep in mind I am not a developer by training and these are side projects. Especially excuse the sketchy documentation. So if you start working with the code, and run into issues, feel free to file bug reports or add questions to the FAQ.

Heck, and while I am at it, why not publish revisit as well: github.com/MoritzStefaner/revisit

December 14th, 2009

Five Elastic Years of infosthetics.com

5yrs_infosthetics_480

On the occasion of the recent fifth birthday of infosthetics.com blog, your premier source for fresh projects from visualization and information aesthetics, I made a custom adaptation of the elastic lists principle for the – up to now – 1950 posts of the site. Try it out, and read more about it here.

Happy birthday infosthetics!

March 2nd, 2009

Elastic times

nyt_elastic

Today was a good day, so I thought I would share its results immediately, instead of fine-tuning forever – who knows when I find the time anyways!

I built a little facet browser for the New York Times Article Search API – an impressively fast faceted search engine covering over two million articles. So, give it a spin!

Some caveats:

  • Don’t look for the page navigation – there is none. Pure laziness, will update it soon.
  • The initial counts are based on a search for “the” (which I figured would appear in all articles). Unfortunately, only the top 15 or so values per facet are returned, so you cannot click, e.g. the year 2008 in the beginning. Will fix.
  • The API has a request limit of 5000 queries per day. So if your requests don’t work – come back tomorrow morning :)
  • Unfortunately, the API seems to support only one value per facet. So, all facets are single-select.(fixed, see comments).

The code is based on my totally revamped elastic lists prototype. I used this project as a little sandbox experiment of how easy customization is possible, and especially how to make a switch from a fully client-based to a server–based filtering model.

March 11th, 2007

Elastic lists

Just a short post, but another demo is online.

nobel_480.png

It is a demonstration of the “elastic list” principle for browsing multi-facetted data structures. Click any number of list entries to query the database for a combination of the selected attributes. If you create an “impossible” configuration, your selection will be reduced until a match is possible.

The example data is based on the Noble prize winners dataset used in the Flamenco facet browser.

Elastic lists enhance traditional facet browsing approaches by • visualizing relative proportions (weights) of metadata values by size • visualizing unusualness of a metadata weight by brightness • and animated filtering transitions.

In unfiltered view, the brightness shows a trend measure, indicating a rising number of prices of the last years.

In filtered views, a brighter background indicates a higher weight of the metadata value compared to the overall distribution.

peace.png

If, for instance, you click “peace” as in the example above, you will see that “female” and “Switzerland” are much brighter, indicating that the proportion of women and Swiss is much higher in this context than compared to the whole data set. That’s interesting information and could also be used to characterize the result set of a keyword query or any other collection in terms of its “characteristic” metadata values. Besides that, it fosters understanding of how metadata values are correlated with each other, which is often interesting information itself.

You can also switch on little sparklines to see the temporal distribution of each metadata value: picture-7.png