zk_html/diary/2010-11-01-16:12:05.html

46 lines
4.6 KiB
HTML
Raw 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.

This file contains Unicode characters that might be confused with other characters. 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 | Data Visualization: Aging Sexuality</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 | Data Visualization: Aging Sexuality</h1>
</header>
<article class="content">
<p><span class="tag">diary</span> <span class="tag">livejournal</span> <span class="tag">fossils</span></p>
<p>I just realized that I posted this to Twitter and not anywhere else; whoops!</p>
<p>Anyhow, Im an avid reader of <a href="http://flowingdata.com">FlowingData</a>, because Nathan Yau, the man behind it, does some pretty awesome stuff.  His visualizations are clear and still aesthetically pleasing, and his concepts are always nice.  Of particular interest to me, when I first started reading, was <a href="http://your.flowingdata.com">your.flowingdata</a> which is a means to track your own life through Twitter for example, you can tell it when and how far you ride your bike every day and have it automatically generate a visualization of distances ridden over time.</p>
<p>Recently, however, he posted a little challenge of sorts.  Given a dataset, we, the readers, were to visualize it our own way and draw some conclusions from our visualizations (that, after all, being the point of visualizations).  Id never done anything like that before for various reasons.  I didnt want to learn a new domain-specific language such as R that would then require me to edit my results in the form of an image in some other program such as Gimp or Inkscape.  Also, Gimp and Inkscape have some quirks that Im still learning, and I didnt want to have to chose between learning those and buying Adobe CS.  However, I have been working quite a bit with Javascript recently, so it seemed to make sense that, when I found two libraries <a href="http://code.google.com/p/flot/">Flot</a> and <a href="http://vis.stanford.edu/protovis/">Protovis</a> for visualization in JS that I go ahead and use one of these Visualize This challenges to learn one of them.  Itll definitely be helpful in the future.</p>
<p>The most recent <a href="http://flowingdata.com/2010/10/20/visualize-this-sexual-health-data-from-national-survey/">challenge</a> was visualizing data from the National Survey of Sexual Health and Behavior.  Given a small set of data percentage of respondents in different age groups admitting to engaging in nine different behaviors over the past year I worked hard to learn Protovis from scant documentation in order to pull together a visualization.  Since it takes place over three slides and has text to go along with it, Ill let it speak for itself <a href="http://mjs-svc.com/rand-bin/sex/">here</a>.</p>
<!-- AddThis Button BEGIN -->
<script type="text/javascript">
//<!--
var addthis_product = 'wpp-250';
var addthis_append_data = 'false';var addthis_language = 'en';
//-->
</script>
<div class="addthis_container"><a addthis:title="Data Visualization: Aging Sexuality" addthis:url="http://blag.drab-makyo.com/2010/11/01/data-visualization-aging-sexuality/" class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;username=wp-4bb3baf90c7008fd"><img alt="Bookmark and Share" height="16" src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" style="border:0" width="125"/></a><script src="http://s7.addthis.com/js/250/addthis_widget.js#username=wp-4bb3baf90c7008fd" type="text/javascript"></script></div>
<!-- AddThis Button END -->
<p><a href="http://blag.drab-makyo.com/2010/11/01/data-visualization-aging-sexuality/#more-24">Read the rest of this entry »</a></p>
<p style="border: 1px solid black; padding: 3px;"><strong>Originally published at <a href="http://blag.drab-makyo.com/2010/11/01/data-visualization-aging-sexuality/">Drab Makyo</a>. Please leave any <a href="http://blag.drab-makyo.com/2010/11/01/data-visualization-aging-sexuality/#comments">comments</a> there.</strong></p
</article>
<footer>
<p>Page generated on 2010-11-01 16:12:05</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>