Skip to main content
SimilarExport ZIP
100%

Fork of vamshi

✓ Published1🌍 Public
Kkotlavamsireddy@gmail.com
Last edited Mar 20, 2024
Created on Mar 20, 2024

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Fork of vamshi scatter

This scatter plot displays the weight of various fruits, with each fruit category plotted along the x-axis and its corresponding weight in grams on the y-axis. The code uses D3.js v7 to fetch data from a remote CSV file via `d3.csv`, then maps the categorical fruit names to a band scale (`d3.scaleBand`) and the numeric weights to a linear scale (`d3.scaleLinear`). Circles are rendered as SVG elements representing each fruit’s weight. The chart includes rotated x-axis labels through `d3.axisBottom` and labeled axes, with the styling applied via CSS classes.

Kkotlavamsireddy@gmail.com
86% match
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
83% match
Loading thumbnail…

Sathvi Vizhub

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.

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

Fork of Let's make a Bar Graph with D3.js

This bar chart ranks fruit sales in descending order along a vertical band scale, with horizontal bars extending proportionally to each fruit’s sales value. The visualization loads data from a CSV file, multiplies the sales figures by 10, and renders the result as an SVG using D3 v7. It employs `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the axes and rectangles, with fixed margins and a steely-blue fill for all bars.

RRadhakrishna246
79% match
Loading thumbnail…

Fork of Fork of Hello VizHub

This example demonstrates a stacked bar chart that visualizes monthly fruit quantities for apples, bananas, and oranges from a CSV dataset. The chart renders as an SVG, using D3 v6 to load the data, stack the series with `d3.stack`, and draw the bars with scales for positioning. A categorical color scale maps each fruit to a distinct color, and a legend is manually appended to identify the categories. The bar heights and positions are computed from the stacked values, with axis margins defining the chart layout.

LLakshmiPrasannaValdas@my.unt.edu
79% 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
78% match
Loading thumbnail…

Fork of Fork of activity7, area chart

This area chart visualizes fruit weights across ten sample data points, with a steel-blue filled area beneath the line and labeled axes for index and weight. Using D3.js v6, the code defines hardcoded fruit data with attributes like weight, diameter, and fruit type, then renders an SVG path via the `d3.area()` generator. Linear scales map the data point index to the x-axis and weight values to the y-axis, with `d3.axisBottom` and `d3.axisLeft` providing tick marks and text labels for the chart’s axes.

Ssahithitoomu@gmail.com
77% match