Skip to main content
SimilarExport ZIP
100%

Sathvi Vizhub

✓ Published0🌍 Public
SSathviKankanala@my.unt.edu
Last edited Oct 7, 2025
Created on Oct 7, 2025
Forked from D3 Starter

This bar chart shows the average weight and vitamin C content for a collection of fruits, with a summary line displaying totals and means. Each bar is colored according to the fruit’s assigned color. The visualization loads CSV data via `d3.csv`, scales the categorical fruit names and linear weight values using `d3.scaleBand` and `d3.scaleLinear`, and renders SVG rectangles with axes generated by `d3.axisBottom` and `d3.axisLeft`. Labels are rotated for readability, and the chart is styled with CSS.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

BarGraph

This bar chart visualizes the average weight of various fruits from a CSV dataset, using color to distinguish between seasonal and non-seasonal categories. The bars are sorted in descending order for readability, with tooltips displaying weight, vitamin C content, and category on hover. The visualization is built with D3 v7, using `scaleBand` and `scaleLinear` for the axes, `scaleOrdinal` with `schemeTableau10` for categorical coloring, and SVG rendering. A legend and rotated x-axis labels support the dense dataset of fruit names.

SSathviKankanala@my.unt.edu
87% match
Loading thumbnail…

BarGraph_Final

This horizontal bar chart displays the top 10 fruits by average vitamin C content, using a dataset of repeated fruit observations from a CSV. The visualization aggregates the data with `d3.group` and `d3.mean`, then sorts and slices the results. Bars are drawn as SVG `<rect>` elements, scaled with `d3.scaleBand` and `d3.scaleLinear`. Axes use `d3.axisBottom` and `d3.axisLeft`, while colors come from `d3.schemeSet2` via `d3.scaleOrdinal`. A legend, title, and rotated axis labels are all rendered in the SVG.

SSathviKankanala@my.unt.edu
82% match
Loading thumbnail…

Fork of vamshi

This bar chart visualizes the weight of various fruits from an extended sample dataset. The chart uses steelblue bars on a Cartesian plane, with the fruit names on the x-axis and their corresponding weights on the y-axis. Hovering over a bar changes its color to a lighter royal blue. The visualization is built with D3 v7, using `d3.csv` to load the data, and `d3.scaleBand` and `d3.scaleLinear` to map the categorical and continuous dimensions. Axis labels are added manually, and bar height represents the weight value.

Kkotlavamsireddy@gmail.com
80% match
Loading thumbnail…

Fork of vamshi

This bar chart visualizes the weight of various fruits from an extended sample dataset. The chart uses steelblue bars on a Cartesian plane, with the fruit names on the x-axis and their corresponding weights on the y-axis. Hovering over a bar changes its color to a lighter royal blue. The visualization is built with D3 v7, using `d3.csv` to load the data, and `d3.scaleBand` and `d3.scaleLinear` to map the categorical and continuous dimensions. Axis labels are added manually, and bar height represents the weight value.

Kkotlavamsireddy@gmail.com
80% match
Loading thumbnail…

ICE-6 Bar Chart – Fruits Average Weight

This bar chart displays the average weight of different fruits, using a dataset loaded from a CSV file hosted on GitHub. Each fruit is represented by a steel-blue rectangle that turns orange on hover, with rotated labels on the x-axis for readability. The visualization is built with D3 v7, using `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the continuous y-axis, and `d3.axisBottom` and `d3.axisLeft` to render the axes. The chart is rendered as an SVG element with margins and labeled axes showing fruit names and weight in grams.

HHarshithmullapudi@my.unt.edu
79% match
Loading thumbnail…

scatter plot fruit

A scatter plot compares sugar content and calorie count for fifteen fruits, encoding each fruit's dominant vitamin (A, B, or C) through both color and point shape. Built with D3 v7, the visualization uses a linear scale for both axes, ordinal scales for the categorical styling, and SVG paths drawn with `d3.symbol()` variants. The chart includes labeled axes, a title, and a legend mapping vitamin types to their corresponding visual encodings.

Aadithiarikatla@gmail.com
74% match
Loading thumbnail…

Color Plot

This stacked bar chart visualizes vitamin deficiency levels across different fruits, with each colored segment representing a nutrient subgroup from a CSV dataset loaded via d3.csv. The chart uses d3.stack to compute stacked series, d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.schemeSet2 for ordinal color encoding. Hovering over any rectangle highlights all bars for that nutrient subgroup by adjusting opacity via d3.selectAll, while non-selected bars fade to create focus. The SVG rendering uses d3.v4 with axis generators for labeled scales.

BBhanu Siva Kumar Kommana
74% match
Loading thumbnail…

Color Plot

This stacked bar chart visualizes vitamin deficiency levels across different fruits, with each colored segment representing a nutrient subgroup from a CSV dataset loaded via d3.csv. The chart uses d3.stack to compute stacked series, d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.schemeSet2 for ordinal color encoding. Hovering over any rectangle highlights all bars for that nutrient subgroup by adjusting opacity via d3.selectAll, while non-selected bars fade to create focus. The SVG rendering uses d3.v4 with axis generators for labeled scales.

BBhanu Siva Kumar Kommana
74% match