33 lines
2.2 KiB
HTML
33 lines
2.2 KiB
HTML
<!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’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’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’s still some work I’d like to do, and I’m planning on collating the data I collect into a general graph of submissions on FA, but that’s for later. Â It’s fall break and I’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>
|