← Back to all work
Made With D3.js
From Numbers to Narratives
Exploring datasets with JavaScript and D3.js visualizations.
Making the Invisible, Visible
These projects showcase another tool for storytelling: D3.js. D3.js streamlines the process of transforming large, complex datasets into intelligible, graphical charts. This allows us to convert previously cryptic information into forms that are readily understandable for users.
Tools:
D3.js
TypeScript
React
Role: Concept, Design, Development
Anscombe Quartet
An illustration of why visualizing data is important. The summary statistics (regression line) can be the same, while the data distributions can be very different.
Ibry/Marey Train Schedule
A contemporary recreation of the train schedule designed by Charles Ibry and published by Étienne-Jules Marey in his book on data visualizations: La Méthode Graphique Dans les Sciences Expérimentales et Principalement en Physiologie et en Médecine — brought to our attention in Edward Tufte's book The Visual Display of Quantitative Information. This version is the elucidation of the Long Island Railroad schedule.
LIRR Branch
Train Direction
Starting Station
Time Range
Visualizing Insertion Sort: An Asynchronous Callback Approach
This project is a visualization of the classic insertion sort algorithm, an O(n2) complexity method. Due to the challenges of sequencing and updating asynchronous operations, this implementation primarily uses callbacks. This approach ensures the animations of bar positions is accurately sequenced, which keeps the bars and the array they represent in sync with each other.
Number Of Elements To Sort
New York City Subway Pandemic Ridership
A plotting of the precipitous decline in subway ridership following the discovery of COVID-19 in New York City. This chart is a combination of a daily bar graph with pandemic-related touchstones, which furnish context to the variance in subway ridership.
Years
New York City Weather
A dual axis, time series chart plotting the daily temperature range and the corresponding cumulative precipitation for New York City.