Lifting Log v4

100%

Lifting Log v4

✓ Published1🌍 Public

Last edited May 4, 2021

Created on Mar 10, 2021

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.

AI-generated description

A tool to keep track of personal excercise activities.

MIT Licensed

Similar vizzes

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

90% 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

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

89% match

Loading thumbnail…

Lifting Log V1

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.

CCurran Kelleher

89% match

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

88% 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

75% 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

73% match

Loading thumbnail…

Gist 23c3fa2ac8adc645fc6c6d7a2d761a88

The visualization tracks daily exercise duration across May 2017, showing a repeating pattern where every fourth day records zero minutes. It uses a line chart built with D3.js, plotting dates on the x-axis and minutes on the y-axis via `d3.scaleTime` and `d3.scaleLinear`. The code reads the CSV data from the gist and draws circles and connecting lines, with resting days highlighted by points at zero. The chart emphasizes the regularity of rest intervals amid fluctuating workout times, sourced directly from the uploaded CSV file.

FFrank515

71% match