<!doctype html>
<html>
    <head>
        <title>Zk | 2010-11-20 20:26:51</title>
        <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-20 20:26:51</h1>
            </header>
            <article class="content">
                <p><span class="tag">blog</span> <span class="tag">fossil</span> <span class="tag">diary</span></p>
<p>I woke up this morning with an idea in mind and, lo and behold, over the process of the day, <a href="http://vis.mjs-svc.com/fastats/">finished the visualization</a>.  At least, a rough draft of it.  This one&rsquo;s even personalizable!  Check out a sample <a href="http://vis.mjs-svc.com/fastats/?user=ranna">here</a>.</p>
<p>FurAffinity.net is a neat site full of neat artists and good community.  However, the statistics they provide for each user&rsquo;s art are not only private, but rather lacking, being simply a list of numbers.  Sounds like a good job for visualization, though!  The numbers FA provides are views, favorites, and comments per submission.  Not only did I display those, but averaging them and normalizing for those averages gives a pretty good idea of relative popularity of each submission.  Users can view all four statistics in a steam chart, and also each alone in a bar chart.  I figured this was a good way to divide things up: trends are visible in general over time and one can explore specifics for each set.</p>
<p>There&rsquo;s still some work I&rsquo;d like to do, and I&rsquo;m planning on collating the data I collect into a general graph of submissions on FA, but that&rsquo;s for later.  It&rsquo;s fall break and I&rsquo;m still on the job!</p>
            </article>
            <footer>
                <p>Page generated on Visualization-in-a-day</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>