Skip to main content
SimilarExport ZIP
100%

ice 6

✓ Published1🌍 Public
Kkanaparthieshitha@gmail.com
Last edited Mar 8, 2026
Created on Mar 8, 2026
Forked from D3 Starter

This visualization shows the relationship between daily step ranges and workout intensity levels, with dot color indicating whether calories burned are high or low. The chart uses a categorical scatter plot layout, mapping 160 days of fitness activity data from a CSV file. It filters to unique combinations of step range, workout level, and calorie level for clarity. The D3.js v7 code uses `d3.scalePoint` for both axes, `d3.scaleOrdinal` for coloring, and SVG circles rendered with `d3.axisBottom` and `d3.axisLeft`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ice 6 bar

This bubble chart from the D3.js gallery displays the relationship between daily step count ranges and workout intensity levels, using point color to indicate whether calorie burn is high or low. The visualization plots one point per unique combination of the three categorical variables, derived from a fitness activity dataset. The code uses `d3.csv` to load the data, `d3.scalePoint` for positioning on discrete axes, and `d3.scaleOrdinal` for color encoding. Custom category logic bins steps, workout minutes, and calories into defined groups, while D3's SVG rendering provides the axes, labels, and legend.

Kkanaparthieshitha@gmail.com
88% match
Loading thumbnail…

ice 6 multi line

This visualization combines a bar chart of daily step counts with a line chart of calories burned over a 160-day fitness activity period. The bars, rendered as SVG rectangles with alternating purple shades, show steps on the left y-axis, while the green line with labeled points tracks calories on the right y-axis. The code uses D3 v7 with `scaleBand` for the x-axis, `scaleLinear` for both y-axes, and a `d3.line` generator to connect data points sampled every tenth day from the CSV dataset.

Kkanaparthieshitha@gmail.com
86% match
Loading thumbnail…

multi line

This multi-series line chart displays fitness activity trends over 160 days, comparing steps count, calories burned, and workout minutes on a single scaled y-axis. Built with D3.js v7, the visualization renders three distinct colored lines—purple, blue, and green—from a CSV dataset, with data points filtered to every tenth day for clarity. The SVG output includes axis labels, a legend, and gridlines, using D3's linear scales and line generators. Steps and workout minutes are normalized to align with calorie values.

Kkanaparthieshitha@gmail.com
78% match
Loading thumbnail…

Scatter Chart HTML

This scatter plot visualizes the relationship between daily steps and calories burned over a 120-day period. The visualization uses a card-based layout with an SVG canvas, plotting each day as a circle positioned by linear scales for both variables. The chart loads data from a remote CSV file using `d3.csv`, then maps the parsed numeric fields to x and y coordinates. It employs `d3.scaleLinear` with `d3.extent` and `.nice()` for axis scaling, and renders the points as SVG circles with a radius of 4 pixels. Axis labels and a chart title are added as SVG text elements, with the bottom x-axis and left y-axis generated through `d3.axisBottom` and `d3.axisLeft`.

Ssivaniammisetti2002@gmail.com
76% match
Loading thumbnail…

Assignment6_Jaswanth_SP

This scatter plot visualizes the relationship between calories burned and steps taken, with each circle representing an individual user/week record and colored according to the user. The D3.js v7 code loads a fitness dataset from a raw GitHub CSV file, using `d3.csv` with `d3.autoType` to parse values. It applies `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.schemeTableau10` for categorical colors, and renders the chart as SVG with `d3.axisBottom` and `d3.axisLeft` for axes.

JJaswanthKoorapati@my.unt.edu
76% match
Loading thumbnail…

ICE7_Pie

This example visualizes the distribution of exercise levels as a pie chart, with slices labeled directly on the chart and a legend showing each category’s count. It loads data from a CSV file using d3.csv, converts values to numbers, and renders the pie using d3.pie and d3.arc in an SVG. The chart applies a categorical color scheme via d3.scaleOrdinal with d3.schemeCategory10, and positions labels using arc centroid calculations. The visualization is built entirely with D3 v7, rendering to SVG with a centered chart group and a right-side legend.

Ssivaniammisetti2002@gmail.com
75% match
Loading thumbnail…

Sowjanya1_Assignment7

This visualization shows the relationship between daily steps and calories burned in a wellness tracker, with water intake encoded by point size and month encoded by color. It is a reusable scatter plot component built with D3 v7, using the `d3.csv` and `d3.autoType` functions to load and parse data from a raw GitHub CSV. The plot draws SVG symbols with `d3.symbolCircle`, scales the radius via `d3.scaleSqrt`, and uses `d3.scaleOrdinal` with the Tableau10 color scheme for the month-based legend. Interactive tooltips appear on mouseenter events to show each data point's values.

Ssaisowjanyaedupuganti.24f@gmail.com
75% match
Loading thumbnail…

module 07 Q1

This scatter plot visualizes a synthetic fitness dataset of 150 individuals, showing the relationship between hours of exercise per week (x-axis) and calories burned per week (y-axis). The points are colored by four activity-level clusters—Sprinters, Marathoners, Crossfitters, and Yoga Enthusiasts—using a D3 ordinal color scale. Built with D3 v7, the visualization uses `d3.select`, `d3.scaleLinear`, `d3.scaleOrdinal`, and the `join` pattern to render axes, circles, and an interactive tooltip. The data is procedurally generated with a seeded random function to create natural-looking cluster distributions.

Aakshayamsgrad@gmail.com
75% match