36 lines
3.0 KiB
HTML
36 lines
3.0 KiB
HTML
<!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:ital,wght@0,400;0,700;1,400;1,700&family=Lato&family=Ubuntu+Monodisplay=swap" />
|
||
<link rel="stylesheet" type="text/css" href="/style.css" />
|
||
<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 “Visualize This” challenge</a>, this time to take a look at some <a href="https://spreadsheets.google.com/ccc?key=0AsJJL4_lxQL9dDc5dWU3WUtUMWM0QW1IUnM2c3N3enc&hl=en#gid=24">data</a> that Wikipedia released regarding their recent fundraising campaign. Â They tracked four banners’ 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’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’s organized as such. Â We’re also pretty good at spatial recognition, so it’s neat to play around with using area charts in a way that people wouldn’t normally expect. Â This led to the natural conclusion of the tiered pie chart, or ‘Sunburst’ as it’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’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’ve got a few ideas planned for when I’ve got the time! Â They’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>
|