Skip to main content
SimilarExport ZIP
100%

Lifting Log V1

✓ Published1🌍 Public
CCurran Kelleher
Last edited Aug 8, 2020
Created on Aug 7, 2020
Forked from Muscles

This visualization displays a resistance training log as a heatmap-style grid, with days on the x-axis and muscle groups on the y-axis. Colored cells mark which muscles were trained each day, revealing workout patterns and rest intervals. The data comes from a local CSV file parsed with `d3.csv` and `timeParse`. The chart uses `d3.scaleBand` for both axes, `d3.axisTop` and `d3.axisLeft` for labels, and renders SVG rectangles positioned by those scales.

AI-generated description

A functional tool for logging and visualizing short term resistance training history. The idea is to use this to know what muscle to train next, keeping in mind ideally a minimum 2 day rest period for each.

MIT Licensed

Similar vizzes

Loading thumbnail…

Lifting Log V2

This visualization displays a 20-day history of resistance training sessions, mapping each logged muscle group to a colored cell along a calendar-like grid. The x-axis shows consecutive days, while the y-axis lists muscle categories, revealing training frequency and rest patterns at a glance. Built with D3 v5, it uses `scaleBand` and `scaleTime` to position SVG rectangles for each workout entry. Axes are rendered via `axisLeft` and `axisTop`, with date parsing and day formatting handled by `timeParse` and `timeFormat`. Data is loaded asynchronously from a CSV file using D3’s `csv` method, filtered to only include recent sessions.

CCurran Kelleher
93% match
Loading thumbnail…

Lifting Log v4

This visualization presents a personal exercise log as a dot matrix, mapping each workout to its date on the x-axis and muscle group on the y-axis. It highlights the distinction between planned activities (white dots) and completed ones (black dots). Built with D3 v5, it uses `scalePoint`, `scaleTime`, and `axisTop` to render an SVG grid. Data is loaded from a CSV file via `csv` and parsed with `timeParse`, with only the last 22 days displayed to reduce clutter.

CCurran Kelleher
89% match
Loading thumbnail…

Lifting Log v7

This interactive exercise log visualizes the user's gym activity over the past 24 days, plotting each workout as a circle on a grid of dates and muscle groups. Planned workouts appear as hollow circles, while executed ones are filled, with black lines connecting each muscle's last session to the present to highlight recovery gaps. The chart uses D3 v6 scales and axes for the timeline and a hierarchical tree layout to group muscles into activity categories. The data comes from `data.csv`, and the view updates automatically based on the latest entry.

CCurran Kelleher
87% match
Loading thumbnail…

Lifting Log

A personal exercise log is visualized as a scatterplot with dates on the x-axis and muscle groups on the y-axis. Circles mark each recorded workout, with white circles indicating planned sessions and black circles showing completed ones. Lines extend from each muscle’s last workout to the most recent date, revealing gaps in training. The chart uses d3.scalePoint and d3.scaleTime from D3 v6, rendering as SVG. Data comes from a CSV file, filtered by d3.timeDay to show only the last 24 days.

Llimenzi
86% match
Loading thumbnail…

Lifting Log v6

This visualization plots personal exercise activities over time as a dot matrix, showing which muscles were worked on each day for the past 24 days. Black circles represent executed workouts, while white circles with black outlines indicate planned exercises. The horizontal axis shows dates, and the vertical axis groups activities by muscle category, with dashed lines highlighting gaps since each muscle was last exercised. Built with D3 v6, it uses scalePoint and scaleTime for axes, group for data aggregation, and SVG circles and lines for rendering.

CCurran Kelleher
84% match
Loading thumbnail…

Workout Log

On the left, this visualization displays the raw, unformatted text of a personal workout log, detailing exercises, repetitions, and poundage. The right side shows the output of a custom `parse` function, which converts that text into a JSON array of objects, each with `exercise`, `reps`, `poundage`, and optional `notes` fields. The code uses D3's `text` method to load `data.txt` and `select` to populate the two panels.

CCurran Kelleher
74% match
Loading thumbnail…

Bar chart with D3

A horizontal bar chart displays workout volume for muscle groups, with bars sized by sets per week and grid lines for readability. The chart uses D3 v5's `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to generate SVG elements from a CSV file loaded via `d3.csv`. Axis labels and a title are added via SVG text, while tick formatting uses `d3.format`. The code removes default axis lines and relies on CSS classes for styling, including steelblue bars and custom font sizes.

BBenjamin Ogorek
74% match
Loading thumbnail…

Gist 1f1da38f38f58e6eff32b167edbf487f

The visualization displays a 31-day running log as a line chart, with daily distances on the y-axis and days on the x-axis. It highlights a pattern of alternating active and rest days, with distances peaking at 8 miles on day 30. The chart is rendered using D3.js, likely with `d3.scaleLinear` for axes and `d3.line` for the path. Data is loaded from a CSV file via `d3.csv`, and the line’s smooth curve suggests a `d3.curve` interpolator. The visualization emphasizes the cyclic structure of the training schedule rather than individual data points.

FFrank515
70% match