Skip to main content
SimilarExport ZIP
100%

Santhosh Dachepally

✓ Published0🌍 Public
Ssanthoshdachepally333@gmail.com
Last edited Apr 2, 2025
Created on Apr 2, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

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
89% 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
86% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This gallery item presents a fork of a reusable D3 scatter plot that visualizes nutritional data from a Food dataset, plotting variables like Protein and Calories as points. The chart cycles through different x-axis dimensions—Calories, Carbohydrates, Fat, and Protein—every two seconds using `setInterval`, updating the visualization with animation. Built with D3 v6, the code employs `scaleLinear`, `axisBottom`, and `axisLeft` to render axes, while SVG circles are joined and updated dynamically. The implementation follows a reusable chart pattern, using closures and setter functions to configure the plot’s properties.

Mmounishnaidu96@gmail.com
81% match
Loading thumbnail…

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.

Ssanthoshdachepally333@gmail.com
81% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This fork of a D3.js scatter plot animates through three pairings of nutritional data from a CSV file of menu items: carbohydrates versus protein, carbohydrates versus total fat, and protein versus total fat. The code uses D3 modules such as `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render axes and circles with an SVG. A `setInterval` callback updates the x and y value mappings every two seconds, changing the chart’s title accordingly. The visualization employs a custom `scatterPlot` function and D3’s `selectAll` and `join` for efficient updates.

Mmanthenasirisha06@gmail.com
79% 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
77% match
Loading thumbnail…

Reusable D3 Scatter Plot

This reusable scatter plot visualizes cereal data, mapping sugar and calorie values to x- and y-axes with animated transitions that cycle through nutritional columns. Built with D3 v7, it uses `scaleLinear`, `axisBottom`, and `axisLeft` for scales and axes, while `setInterval` triggers periodic updates of the x-value accessor to animate between attributes. The chart is constructed via a configurable `scatterPlot()` factory function, with SVG circles and axes rendered from the Iris Dataset.

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