Skip to main content
SimilarExport ZIP
100%

Assignment6_Jaswanth_SP

✓ Published0🌍 Public
JJaswanthKoorapati@my.unt.edu
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from Scatter plot

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment6_Jaswanth_SP

A scatter plot visualizes the relationship between steps taken and calories burned for individual user-week records, with each point colored by user. The visualization uses D3.js v7 to load CSV data from a GitHub repository, render circles, and construct axes. It employs d3.scaleLinear for x and y positions, d3.scaleOrdinal with d3.schemeTableau10 for categorical colors, and d3.extent and d3.axisBottom/axisLeft to calculate domains and draw the chart components.

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

Assignment6_Jaswanth

This bar chart displays the average daily steps for each user in a fitness dataset, with values plotted on a linear scale against categorical user names on a band scale. The visualization aggregates raw CSV data using d3.rollups and d3.mean, then renders seagreen rectangles via D3 v7’s data join. Axes are generated with d3.axisBottom and d3.axisLeft, while labels and a title are added as SVG text elements. The chart uses an SVG rendering approach with fixed dimensions and margins.

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

Assignment_7_sowjanya_Reusable scatterplot

This interactive D3.js scatterplot visualizes the relationship between daily steps and calories burned from a personal wellness tracker. Each circle encodes water intake through its radius and the month of the year through its color. Users can hover over any point to see a tooltip with detailed values. The chart is built using a reusable `scatterPlot()` function that leverages D3's scale API (`d3.scaleLinear`, `d3.scaleSqrt`, `d3.scaleOrdinal`) and the `join` operator to efficiently create and update SVG circles. Data is loaded from an external CSV file.

Ssaisowjanyaedupuganti.24f@gmail.com
84% 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
82% match
Loading thumbnail…

Assignment7_ReusableScatterPlot_sowjanya

This example displays a scatter plot of daily steps against calories burned, with points sized by water intake and colored by month. Built with D3 v7 and SVG, it uses a reusable `scatterPlot()` component configured through a chaining API. The plot renders circles via `d3.symbol()` with `d3.scaleLinear` axes, a Tableau10 ordinal color scale, and a custom tooltip that appears on mouseenter, sourcing data from a linked wellness tracker CSV file.

Ssaisowjanyaedupuganti.24f@gmail.com
81% 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
78% match
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
78% match
Loading thumbnail…

Jaswanth_Assignment7_re-usable Scatter Plot

This reusable D3.js v7 scatter plot visualizes work hours against productivity scores from a personal productivity tracker CSV, using square symbols sized by exercise minutes and colored by screen-time buckets. The chart renders as SVG and demonstrates the factory-pattern component design, with configurable accessors for x, y, radius, and color encoding, plus an optional legend. Interactive tooltips appear on mouseenter to reveal month, work hours, productivity, and screen-time details, while axes, labels, and scales are built with d3.scaleLinear, d3.scaleOrdinal, and d3.symbol.

JJaswanthKoorapati@my.unt.edu
78% match