dogobox

Previous Version

A visualization of the mean nutrient contents of all 8789 foods in USDA's SR28 Nutrient Database.

Data processed with SQLite and Node.js.

Also see the Nutrient Explorer.

dogobox

license: gpl-3.0

dogobox

height: 2200
license: gpl-3.0

dogobox

height: 930
license: gpl-3.0

dogobox

license: gpl-3.0

dogobox

license: gpl-3.0

dogobox

This graph plots the observed rate of tweets for Eric Fischer’s Twitter feed over the period from January 8, 2015 through November 30, 2015.

This graph uses a time scale to plot time-of-day. Time scales are normally used to plot absolute time: a specific moment on a specific day in a specific year. Here, though, we’re interested in studying the daily pattern, so data from many days is collapsed onto a single day. (That day happens to be January 1, 1900, but the choice is arbitrary as long as we’re consistent.)

One wrinkle here is that the data is stored in UTC, but we want to view the pattern in Eric’s local time. To do this, we offset the time by seven hours, since the majority of the data was collected during Pacific Daylight Time (-0700). However, this is incorrect because some of the data was collected during Pacific Standard Time (-0800). Since the local time zone offset changed during data collection,

dogobox

Matrix: rotations

Extending http://ncase.me/matrix/ with SVG and d3.js, with a focus on 2D Rotation matrices.

I want to illustrate the relationship between angles and the matrix representation of a rotational transformation.

I'm still working on porting all of the original interactions, but I'm quite pleased with the work in progress.

Additional inspiration for Matrix UI (namely the coloring) comes from Max Goldstein's excellent Invitation to Another Dimension

dogobox

Matrix: reboot

Remaking http://ncase.me/matrix/ with SVG and d3.js

This technical experiment currently lacks the finesse and wistfulness of the original. I'm most inspired by the genius (yet obvious in retrospect) technique of showing both the original point and the transformed point connected by a line. Even the idea to use a letter is brilliant to me: it is familiar and intuitive, it allows for discrete sampling without introducing other concepts like pixels.

My hope is that by going through the exercise of making it more data-driven I can expand on the concept to introduce things like rotation. Perhaps using d3 will also make the code more concise, but that's not certain as the original is relatively short.

I'm still working on porting all of the original interactions, but I'm quite pleased with the work in progress.

building-blocks

dogobox

Show up to the first 500 rows of a csv and color cells that are numbers.

Built with blockbuilder.org