Skip to main content
SimilarExport ZIP
100%

Sowjanya1_Assignment7

✓ Published0🌍 Public
Ssaisowjanyaedupuganti.24f@gmail.com
Last edited Oct 23, 2025
Created on Oct 23, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

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
93% 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
91% 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
82% match
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
82% 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
76% 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
74% match
Loading thumbnail…

Activity8_Question3

This scatter plot visualizes the relationship between height and weight, with points colored by category to reveal grouping patterns. The visualization renders as an SVG generated with D3.js v7, using `d3.csv` to load data from a remote GitHub repository and `d3.scaleLinear` for axis scaling. Points are drawn as SVG circles and colored via `d3.scaleOrdinal`, with interactive tooltips appearing on mouseover. The chart includes axes and a legend created through custom drawing functions, all styled through a separate CSS file.

Vvishnupriyapalagiri@gmail.com
73% 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
73% match