Skip to main content
SimilarExport ZIP
100%

Scatter Plot_Final

✓ Published0🌍 Public
SSathviKankanala@my.unt.edu
Last edited Oct 22, 2025
Created on Oct 21, 2025
Forked from HTML Starter

This scatter plot compares weight against calories burned, with each point colored by workout type (Strength, HIIT, Cardio, Yoga) using `d3.scaleOrdinal` and `d3.schemeCategory10`. It loads data from an external CSV via `d3.csv`, renders circles in an SVG, and includes gridlines, axis labels, a legend, and a hover tooltip. Animation is not present in the code; the visualization relies on static SVG rendering with interactive mouseover events.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter plot2

This scatter plot visualizes the relationship between an individual's age and the calories they burn, with each point colored according to the workout type from the lifestyle.csv dataset. The D3.js v7 code loads the CSV data and uses `d3.autoType` for parsing, then employs `d3.scaleLinear` for the x and y axes and `d3.scaleOrdinal` with `d3.schemeSet2` for categorical color encoding. The SVG rendering includes axis labels, a title, tooltips on each point, and a legend positioned within the chart.

SSathviKankanala@my.unt.edu
83% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between age and weight in kilograms, with each point colored by workout type from the lifestyle.csv dataset. The visualization uses D3.js v7 with SVG rendering, implementing linear scales for both axes, an ordinal color scale with the Tableau10 scheme, and gridlines for readability. Interactive tooltips appear on hover, while axes are labeled and accompanied by a legend. The code includes a fallback dataset if the CSV file fails to load, and it cleans the data by filtering out non-numeric values.

SSathviKankanala@my.unt.edu
81% match
Loading thumbnail…

Fitness Data Reusable Scatter Plot

This reusable scatter plot visualizes fitness tracking data, plotting relationships between calorie intake, protein intake, and mental wellbeing scores from a CSV dataset. The chart uses D3 v7 to render SVG circles with configurable axes, margins, and data accessor functions. The code demonstrates a modular chart factory pattern with setters for width, height, and value fields, allowing users to easily swap which metrics appear on each axis. Axis labels update dynamically based on the selected fields, while steelblue semi-transparent points highlight distribution patterns without animation.

Ssanthoshdachepally333@gmail.com
79% match
Loading thumbnail…

Fitness Data Scatter Plot

This scatter plot visualizes the relationship between calorie intake and protein intake from a fitness progress dataset loaded via `d3.csv`. It displays individual data points as pink circles, with hover effects that change their color and radius. The visualization uses `d3.scaleLinear` to map both axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and includes rotated axis labels. The SVG rendering features a gradient background and semi-transparent chart container, with data sourced from a GitHub Gist.

Ssanthoshdachepally333@gmail.com
79% match
Loading thumbnail…

Scatter Plot in D3 with Qualitative Color Scale

A scatter plot visualizes workout data, mapping distance in miles to the x-axis and duration in minutes to the y-axis. Each point is colored according to the exercise type using D3’s `d3.scaleOrdinal` with the `d3.schemeCategory10` qualitative color scale. The SVG is rendered with D3 v7, and a categorical color legend is added via the `d3-legend` library. The data is loaded from a CSV file, and axes and labels are generated using D3’s `d3.axisBottom` and `d3.axisLeft`.

Bbhavi.kenia@gmail.com
79% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between weight loss and number of days across genders, with an animated axis cycling through three data dimensions every two seconds. Built with D3.js v6, it uses `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while `circle` elements update via data joins. The chart sources CSV data from a GitHub gist and animates through Gender, Weightloss, and Numberofdays columns using `setInterval`. SVG rendering with CSS styling provides a clean, interactive presentation.

PPavaniMangugari
78% match
Loading thumbnail…

Santhosh Dachepally

A reusable scatter plot displays the relationship between calorie intake and protein intake from a fitness progress dataset, with animated points transitioning from the center and color-coded by a continuous scale. Built with D3 v7, the visualization uses a modular `scatterPlot` function that constructs linear scales, axes, and a color legend. The SVG rendering includes styled circles with hover effects, while CSS handles transitions, and data is loaded via `d3.csv` from a GitHub-hosted source.

Ssanthoshdachepally333@gmail.com
77% 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
77% match