Skip to main content
SimilarExport ZIP
100%

Assignment_7_sowjanya_Reusable scatterplot

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

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.

AI-generated description
MIT Licensed

Similar vizzes

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
94% 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
93% 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
84% 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…

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
77% 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
77% 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
76% match
Loading thumbnail…

Reusable Scatterplot

A reusable scatterplot function visualizes calorie intake against body weight for five individuals, encoding each person as a violet circle with a text label. The chart constructs an SVG renderer using D3 v6, employing `d3.scaleLinear` for both axes and `d3.axisBottom` and `d3.axisLeft` for gridlines. The data is hardcoded as an array of objects with person, weight, and calories fields, and the function accepts both the dataset and a container selector, demonstrating a modular approach to D3 chart creation.

UUVarshaReddy
76% match