Notice: this website is out of date. Hi! This is my personal website from 2019-2021. It was my very first hand-coded website, and although my work, personality, and interests have outgrown it in various ways, I decided there was an archival value to keeping it up. You are more than welcome to browse, but I just wanted to let you know that it’s outdated and that you can find me here and here now. — Nico

D3.js Dynamic Radar Chart

Defaults

This was an exploration in using D3.js to generate a radar chart using a modifiable set of data. The data of choice was information collected by mobile phones about daily screen usage.

There are no current apps that can export the data as a usable JSON file, so instead the information is hand-entered in the table on the left. This actually gives the user some freedom in how they categorize their usage and how many types of usage they choose to enter.

Additional category

Three categories

Instructions for user

next...

Animated site: the secret

D3.js Dynamic Radar Chart

This was an exploration in using D3.js to generate a radar chart using a modifiable set of data. The data of choice was information collected by mobile phones about daily screen usage.

There are no current apps that can export the data as a usable JSON file, so instead the information is hand-entered in the table on the left. This actually gives the user some freedom in how they categorize their usage and how many types of usage they choose to enter.