Skip to main content
SimilarExport ZIP
100%

Santhosh Dachepally

✓ Published1🌍 Public
Ssanthoshdachepally333@gmail.com
Last edited Mar 26, 2025
Created on Mar 24, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Fitness Data Pie Chart

This pie chart displays the distribution of fitness goals from a CSV dataset, showing the percentage share of each goal category. The visualization uses D3.js (v7) to load the data, aggregate it with `d3.rollup`, and render the chart as SVG with `d3.pie` and `d3.arc`. A slice label shows the rounded percentage for each segment, while an ordinal color scale (`d3.schemeSet2`) and a custom legend identify the goals. The chart is centered within the SVG, with a white background and stroke separation between slices.

Ssanthoshdachepally333@gmail.com
79% match
Loading thumbnail…

Fitness Data Pie Chart

This pie chart visualizes the distribution of fitness goals from a cleaned CSV dataset, with each slice labeled directly on the chart and accompanied by a color-coded legend. The chart is rendered using D3.js v7 in an SVG container, with the data aggregated via `d3.rollup` to count occurrences per goal. The visualization employs `d3.pie` and `d3.arc` for the layout and shape generation, while `d3.scaleOrdinal` with `schemeCategory10` assigns slice colors. A gradient background and translucent chart container provide stylistic contrast, and the data is fetched asynchronously from a GitHub gist URL.

Ssanthoshdachepally333@gmail.com
78% match
Loading thumbnail…

Fitness Data Pie Chart

This pie chart visualizes the distribution of fitness goals from a CSV dataset, showing the percentage share of each goal category. D3 v7 loads the data with `d3.csv`, aggregates counts using `d3.rollup`, and generates the pie with `d3.pie` and `d3.arc`. A categorical color scale from `d3.schemeSet2` fills the slices, which are labeled with percentage values. A legend on the right, built with SVG rectangles and text, maps each color to its corresponding goal, making the chart easy to read at a glance.

Ssanthoshdachepally333@gmail.com
78% match
Loading thumbnail…

Fitness Data Pie Chart

A pie chart visualizes the distribution of fitness goals from a cleaned CSV dataset, showing the count of each goal category with color-coded slices and an accompanying legend. The D3.js v7 code loads the data via `d3.csv`, aggregates counts using `d3.rollup`, and renders the chart with `d3.pie` and `d3.arc`, applying a `d3.scaleOrdinal` with `d3.schemeSet2` for colors. Labels are placed at arc centroids, and the SVG output includes a legend built with appended rectangles and text.

Ssanthoshdachepally333@gmail.com
77% 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…

Fitness Data Area Chart

This area chart displays the total workout duration for each fitness goal, aggregated from a cleaned CSV dataset. The visualization uses D3.js v7 to load the data, compute sums with `d3.rollup`, and render a smooth monotone area path. A point scale positions goals along the x-axis, while a linear scale maps total durations to the y-axis, with axes and labels generated via `d3.axisBottom` and `d3.axisLeft`. The SVG output features a teal filled area, styled with a white background and minimal margins.

Ssanthoshdachepally333@gmail.com
76% match
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
76% match