zk_html/diary/2010-11-20-20:26:51.html

<!doctype html>
<html>
    <head>
        <title>Zk | 2010-11-20 20:26:51</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" />
        <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>