<?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>Well-formed data &#187; facet-browser</title>
	<atom:link href="http://well-formed-data.net/archives/tag/facet-browser/feed" rel="self" type="application/rss+xml" />
	<link>http://well-formed-data.net</link>
	<description>Moritz Stefaner / Visualization</description>
	<lastBuildDate>Wed, 11 Jan 2012 20:44:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Elastic times</title>
		<link>http://well-formed-data.net/archives/246/elastic-times</link>
		<comments>http://well-formed-data.net/archives/246/elastic-times#comments</comments>
		<pubDate>Mon, 02 Mar 2009 22:56:49 +0000</pubDate>
		<dc:creator>Moritz Stefaner</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[elastic-lists]]></category>
		<category><![CDATA[facet-browser]]></category>
		<category><![CDATA[facets]]></category>
		<category><![CDATA[mashup]]></category>
		<category><![CDATA[nyt]]></category>

		<guid isPermaLink="false">http://well-formed-data.net/?p=246</guid>
		<description><![CDATA[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 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://moritz.stefaner.eu/projects/elastic-lists/NYT/"><img src="http://well-formed-data.net/wp-content/uploads/2009/03/nyt_elastic.gif" alt="nyt_elastic" title="nyt_elastic" width="480" height="240" class="alignnone size-full wp-image-247" /></a></p>

<p>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!</p>

<p>I built a little <a href="http://moritz.stefaner.eu/projects/elastic-lists/NYT/">facet browser</a> for the New York Times <a href="http://developer.nytimes.com/docs/article_search_api">Article Search API </a>- an impressively fast faceted search engine covering over two million articles. So, <a href="http://moritz.stefaner.eu/projects/elastic-lists/NYT/">give it a spin</a>!</p>

<p>Some caveats:</p>

<ul>
    <li>Don’t look for the page navigation — there is none. Pure laziness, will update it soon.</li>
    <li>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.</li>
    <li>The API has a request limit of 5000 queries per day. So if your requests don’t work — come back tomorrow morning :)</li>
    <li><span style="color:#777;">Unfortunately, the API seems to support only one value per facet. So, all facets are single-select.</span>(fixed, see comments).</li>
</ul>

<p>The code is based on my totally revamped <a href="http://moritz.stefaner.eu/projects/elastic-lists/">elastic lists prototype</a>. 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.  </p>
<img src="http://well-formed-data.net/?ak_action=api_record_view&id=246&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://well-formed-data.net/archives/246/elastic-times/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Exhibit</title>
		<link>http://well-formed-data.net/archives/119/exhibit</link>
		<comments>http://well-formed-data.net/archives/119/exhibit#comments</comments>
		<pubDate>Sat, 12 Jan 2008 13:25:57 +0000</pubDate>
		<dc:creator>Moritz Stefaner</dc:creator>
				<category><![CDATA[Respect]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[exhibit]]></category>
		<category><![CDATA[facet-browser]]></category>
		<category><![CDATA[facets]]></category>
		<category><![CDATA[mit]]></category>
		<category><![CDATA[semantic-web]]></category>
		<category><![CDATA[simile]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://well-formed-data.net/archives/119/exhibit</guid>
		<description><![CDATA[A real wow-project has gone into version 2: Exhibit. It is part of SIMILE, focussing on “Semantic Interoperability of Metadata and Information in unLike Environments”, which provides a whole toolbox of pragmatic semantic web applications. Exhibit itself presents a “a three-tier web application framework written in Javascript, which you can include like you would include [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://well-formed-data.net/wp-content/uploads/2008/01/exhibit_pres.png' alt='exhibit_pres.png' /></p>

<p>A real wow-project has gone into version 2: <a href="http://simile.mit.edu/exhibit/">Exhibit</a>. It is part of <a href="http://simile.mit.edu/">SIMILE</a>, focussing on “Semantic Interoperability of Metadata and Information in unLike Environments”, which provides a whole toolbox of pragmatic semantic web applications.</p>

<p><span id="more-119"></span></p>

<p>Exhibit itself presents a “a three-tier web application framework written in Javascript, which you can include like you would include Google Maps.” An exhibit application typically consists of a content presentation area and several widgets for filtering, sorting and grouping the content presentation, following the faceted browsing paradigm also used in my <a href="http://well-formed-data.net/archives/54/elastic-lists">elastic lists</a>. Currently, the available widgets cover plain checkbox lists, maps, and timelines, and a live search. </p>

<p><img src='http://well-formed-data.net/wp-content/uploads/2008/01/exhibit_nobel.png' alt='exhibit_nobel.png' /></p>

<p>From my first experiments with the tool, I can say it is really ridiculously easy to create custom views on existing data sets: Data can be imported “from a Google Spreadsheet, Excel spreadsheet, EditGrid spreadsheet, BibTex files or any JSONP data source” without much effort. </p>

<p>Applications are built by loading the exhibit script and then assigning “Exhibit roles” to layers in your java-script: For instance, </p>

<p><code>&lt;div ex:role="facet" ex:expression=".discipline" <br /> ex:facetLabel="Discipline" /&gt;</code></p>

<p>will create a filtering widget looking for values of the “discipline” property in your data set and display them as a list to be used for filtering. It couldn’t possibly be easier to build client-side facet browsing applications.</p>

<p>Other nifty are the integrated browser history for filtering steps and the ability to export filtered views as e.g. HTML, but also tab-separated text files, RDF, etc. </p>

<p><img src='http://well-formed-data.net/wp-content/uploads/2008/01/exhibit_export.png' alt='exhibit_export.png' /></p>

<p>Check out the <a href="http://simile.mit.edu/wiki/Exhibit/Getting_Started_Tutorial">Getting started</a> page to get an impression.</p>

<p>The down side, of course is, that all data has to be loaded on the client before the application can start. So we are rather speaking about hundreds than thousands of data items. Also, I would of course be interested in building custom widgets, however, this looks a wee bit more complicated from first looks into the code. And of course UI-wise, I would have some suggestions as well, but anyways, I find the project quite impressive already as it is! </p>

<p>Kudos to <a href="http://simile.mit.edu/wiki/User:Dfhuynh">David Huynh</a> and the rest of the team at <a href="http://mit.edu">MIT</a>. More info can also be found in <a href="http://people.csail.mit.edu/dfhuynh/research/thesis/thesis.html">David Huynh’s PhD thesis</a>.</p>
<img src="http://well-formed-data.net/?ak_action=api_record_view&id=119&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://well-formed-data.net/archives/119/exhibit/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Elastic lists</title>
		<link>http://well-formed-data.net/archives/54/elastic-lists</link>
		<comments>http://well-formed-data.net/archives/54/elastic-lists#comments</comments>
		<pubDate>Sun, 11 Mar 2007 22:04:40 +0000</pubDate>
		<dc:creator>Moritz Stefaner</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Thesis]]></category>
		<category><![CDATA[elastic-lists]]></category>
		<category><![CDATA[facet-browser]]></category>
		<category><![CDATA[facets]]></category>
		<category><![CDATA[nobel-prize]]></category>
		<category><![CDATA[sparklines]]></category>
		<category><![CDATA[statistics]]></category>

		<guid isPermaLink="false">http://well-formed-data.net/archives/54/elastic-lists</guid>
		<description><![CDATA[Just a short post, but another demo is online. 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 [...]]]></description>
			<content:encoded><![CDATA[<p>Just a short post, but <a href="http://well-formed-data.net/experiments/elastic_lists/">another demo is online</a>. </p>

<p><a href="http://well-formed-data.net/experiments/elastic_lists/"><img src='http://well-formed-data.net/wp-content/uploads/2007/03/nobel_480.png' alt='nobel_480.png' /></a></p>

<p>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.</p>

<p>The example data is based on the Noble prize winners dataset used in the <a href="http://flamenco.berkeley.edu/">Flamenco facet browser</a>.</p>

<p>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.</p>

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

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

<p><img src='http://well-formed-data.net/wp-content/uploads/2007/03/peace.png' alt='peace.png' /></p>

<p>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. </p>

<p>You can also switch on little sparklines to see the temporal distribution of each metadata value:
<img src='http://well-formed-data.net/wp-content/uploads/2007/03/picture-7.png' alt='picture-7.png' /></p>
<img src="http://well-formed-data.net/?ak_action=api_record_view&id=54&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://well-formed-data.net/archives/54/elastic-lists/feed</wfw:commentRss>
		<slash:comments>38</slash:comments>
		</item>
	</channel>
</rss>

