zk_html/diary/2010-11-17-15:59:38.html

36 lines
3.0 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html>
<head>
<title>Zk | 2010-11-17 15:59:38</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Gentium+Plus&family=Lato&family=Ubuntu+Monodisplay=swap" />
<link rel="stylesheet" type="text/css" href="/style.css?2024-05-04" />
<meta name="viewport" content="width=device-width" />
<meta charset="utf-8" />
</head>
<body>
<main>
<header>
<h1>Zk | 2010-11-17 15:59:38</h1>
</header>
<article class="content">
<p><span class="tag">blog</span> <span class="tag">fossil</span> <span class="tag">diary</span></p>
<p>Nathan Yau, over at FlowingData, posted <a href="http://flowingdata.com/2010/11/16/visualize-this-winning-wikipedia-fundraiser-banners/">another &ldquo;Visualize This&rdquo; challenge</a>, this time to take a look at some <a href="https://spreadsheets.google.com/ccc?key=0AsJJL4_lxQL9dDc5dWU3WUtUMWM0QW1IUnM2c3N3enc&amp;hl=en#gid=24">data</a> that Wikipedia released regarding their recent fundraising campaign.  They tracked four banners&rsquo; performance - how many people visited the pages, how many people wound up starting the donation process, and how many people actually completed the donation process, amongst several other factors.  Again, I figured I&rsquo;d take a stab at showing the data with Protovis.</p>
<p>You can see the result <a href="http://vis.mjs-svc.com/wikiappeals/">here</a>.</p>
<!--more-->
<p>I like it when data is already fairly organized, and I like it when it winds up being hierarchical.  I think we, as humans, are attuned to dealing with hierarchies as it is, so it makes sense when we can work with data that&rsquo;s organized as such.  We&rsquo;re also pretty good at spatial recognition, so it&rsquo;s neat to play around with using area charts in a way that people wouldn&rsquo;t normally expect.  This led to the natural conclusion of the tiered pie chart, or &lsquo;Sunburst&rsquo; as it&rsquo;s been called.  The fact that all of this is all so easy to work with in Protovis (their documentation aside, but no rants on that this time), certainly made this visualization easier!</p>
<p>I&rsquo;ll be doing most of these challenges and posting their results here, along with any other little projects I can think up for learning this whole concept.  I&rsquo;ve got a few ideas planned for when I&rsquo;ve got the time!  They&rsquo;ll all be archived at that new site, too, <a href="http://vis.mjs-svc.com">http://vis.mjs-svc.com</a></p>
</article>
<footer>
<p>Page generated on Data visualization: Wikipedia Fundraising</p>
</footer>
</main>
<script type="text/javascript">
document.querySelectorAll('.tag').forEach(tag => {
let text = tag.innerText;
tag.innerText = '';
tag.innerHTML = `<a href="/tags.html#${text}">${text}</a>`;
});
</script>
</body>
</html>