Assignment6_Jaswanth

Last edited Oct 19, 2025

Created on Oct 18, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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.

85% match

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.

84% match

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.

76% match

Ssanthoshdachepally333@gmail.com

Santhosh Dachepally

This bar chart displays the average calorie intake associated with different fitness goals, with a search for unique goals collapsed into a single domain. Filmed in a non-interactive dashboard style, it computes means from the loaded fitness_progress_dataset_cleaned CSV and renders them as static rectangles. Using D3 v7 scaleBand and scaleLinear, bars are generated with d3.csv, and axes are added with axisBottom and axisLeft. Distinct hover styles change the bar fill and scale, providing basic interaction within the SVG-based visualization.

76% match

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.

74% match

Assignment 6 sowjanya

This bar chart displays the average sales for each product category from a store dataset loaded from a GitHub-hosted CSV file. The visualization uses D3 v7 and renders as an SVG, with `d3.scaleBand` mapping product names to the x-axis and `d3.scaleLinear` mapping average sales values to the y-axis. The code aggregates the raw data using `d3.rollups` and `d3.mean` to compute per-product averages before drawing steelblue rectangles. Both axes are labeled, and a chart title is added above the plot.

74% match

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.

73% match

Assignment_6_Jaswanth_Part3

A multi-series line chart compares three EV performance metrics—speed, battery drain, and range—across trip IDs, with a circled annotation highlighting the peak speed. The visualization uses D3 v7 to load CSV data, scales, axes, and gridlines, then draws a line for each metric via `d3.line`. A color legend identifies each series, and axis labels, a title, and a peak-speed callout clarify the data. The chart is rendered as an SVG, with data sourced from a remote GitHub CSV file.