Skip to main content
SimilarExport ZIP
100%

Walking steps in October 2022

✓ Published0🌍 Public
KKinjal-Goyani
Last edited Nov 3, 2022
Created on Nov 3, 2022

This area chart visualizes the daily step count from a Google Fit app for October 2022. The visualization highlights the variation in physical activity, with peaks above 14,000 steps and many low-activity days. Built with D3 v5, it uses `scaleTime` and `scaleLinear` for the axes, and an `area` generator with `curveBasis` to create the smooth filled region. Data is loaded from a CSV file via `csv()`, and the SVG is rendered with axis ticks, labels, and a title.

AI-generated description

This area chart shows walking steps of a person during october 2022. Data from Google Fit App

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Cars Scatter Plot

This scatter plot visualizes walking steps taken each day in November, using red circles to map date against step count. The data comes from the UCI Machine Learning Repository's Auto MPG dataset. Built with D3 v5, the code uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes and scales. SVG circles are positioned via `attr('cx')` and `attr('cy')`, with axis labels and titles styled through CSS classes like `.axis-label` and `.title`.

KKinjal-Goyani
71% match
Loading thumbnail…

StepCounter Tracker

This bar chart displays step counts recorded from an Apple device through the HealthKit API, spanning 2018 to 2020. The visualization maps daily step values along the x-axis and categorical year labels on the y-axis, with steel-blue bars sized proportionally to activity. The implementation uses d3.scaleLinear and d3.scaleBand for scaling, with d3.axisLeft and d3.axisBottom providing customized axes where domain lines and ticks are removed. Data is loaded via d3.csv and rendered as SVG rectangles within a pre-configured SVG canvas.

OOckiya Beinmonyu Daniel
70% match
Loading thumbnail…

Area Chart Visualization

This area chart displays Google’s annual user counts from 2011 to 2021, emphasizing the upward trend through a filled region beneath a smooth curve. The visualization is built with D3 v5, using `d3.line` and `d3.area` generators with a `curveBasis` interpolation to create smooth paths. It loads CSV data from a GitHub gist, maps years to a linear x-scale and user counts to a linear y-scale, and renders axes with gridlines as SVG. Styling is applied via external CSS, with distinct colors for ticks, labels, and the area fill.

DDanthalakirankumar
69% match
Loading thumbnail…

Gist a47a4a5c5f7039022881d0b2dc84a1d6

The visualization tracks a month of daily running activity, plotting each day’s distance, time, and heart rate as a dual-axis scatterplot with a connected line. It shows how distance and time peak on high-mileage days while resting heart rate dips, with zero-distance rest days marked as gaps. Built using d3.scaleLinear for axes, d3.line for the path, and d3.axisBottom/axisLeft for gridlines, the chart reads from the CSV data via d3.csv. Points are rendered with d3.point circles, and the y-axis encodes time, while the x-axis uses a time scale for dates.

FFrank515
66% match
Loading thumbnail…

Practic 05 | Area Chart

This area chart visualizes dry-air temperature readings over time, using a smoothed curve to connect daily temperature points across a date range in October and November 2021. The visualization displays the temperature trend with a filled maroon area beneath the curve, while circular markers indicate individual data points. The chart includes labeled axes for date and temperature in degrees Celsius, with a title describing the relationship. The code uses d3.csv to load the dataset, d3.scaleTime and d3.scaleLinear for scaling, and d3.area with curveBasis to generate the filled path.

Hhimanshucse2012
66% 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
65% match
Loading thumbnail…

Area Chart

This area chart visualizes Google's monthly closing stock prices. The D3.js v7 code loads data from a CSV file via UNPKG and uses the `csv()` function to parse it. The visualization employs `scaleTime` and `scaleLinear` for the axes, and the `area()` generator with a `curveBasis` curve to create the smooth, filled area path. The SVG rendering includes styled tick marks, axis labels, and a title, all formatted with `timeFormat` and CSS.

SSanchay
65% match
Loading thumbnail…

Area Chart

This SVG area chart displays the number of users over a series of years. The visualization is built using D3 v6, specifically leveraging `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `area` with `curveBasis` to render the filled path. Data is loaded as CSV from a GitHub gist, with years parsed and user counts converted to numbers. The chart includes labeled axes, a title, and a grid created via tick lines.

RRaja Srinivas Nelluri
65% match