Skip to main content
SimilarExport ZIP
100%

A8Task4

✓ Published0🌍 Public
Sshaiksajidali
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity-6

This bubble chart displays the relationship between fruit size, sweetness level, and acidity, using a D3.js SVG rendering. Each circle's x-axis position maps to size in centimeters, while the y-axis represents sweetness level, and the circle radius encodes acidity. The chart is color-coded with green for fruits above the average sweetness threshold and red for those below. The visualization reads data from a local `fruits.csv` file and uses D3's `scaleLinear` for all three quantitative scales, with `d3.axisBottom` and `d3.axisLeft` for the axes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_Question-4

This example demonstrates a bubble chart that visualizes the relationship between the sweetness, sourness, and size of various fruits. The chart encodes sweetness on the x-axis, sourness on the y-axis, and size as the radius of each circle, with colors distinguishing fruit types. The data is loaded from a local CSV file, and the visualization is built using D3 v7 with SVG rendering. The code employs D3 scales for positioning and sizing, along with axis generators and a custom legend.

Rrajkodavati7@gmail.com
86% match
Loading thumbnail…

Bubble chart

A bubble chart visualizes the correlation between average weight, sugar content, and price for ten fruits. Each fruit is represented by a circle whose x-axis position maps weight, y-axis position maps grams of sugar, and radius encodes price in dollars. The chart uses D3.js v7 with SVG for rendering, employing `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with a turbo color interpolation for fruit categories, and a custom tooltip on mouseover for identifying each fruit.

Vvineelaramulapalli32
80% match
Loading thumbnail…

Bubble Chart with D3.js

This example visualizes a static bubble chart of fruit data, mapping each fruit’s x and y coordinates to scaled positions and its radius to a scaled circle size. It renders circles as steel-blue SVG elements with white fruit labels overlaid at each point’s center. The chart includes linear scales (`d3.scaleLinear`) for positioning and sizing, along with a title, axis labels, and `d3.axisBottom` and `d3.axisLeft` for the axes. The code uses D3.js v7 to append SVG circles and text directly to the DOM.

Ssaikrishnabussa
78% match
Loading thumbnail…

Activity6_Task3_Question3.1

This scatter plot visualizes fruit data from a CSV file, mapping fruit height and width against tree height and width. The visualization uses D3 v6 with the `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to create the axes. It renders colored circles in an SVG, with each fruit species assigned a distinct color (apple, orange, banana). The chart displays the relationship between fruit dimensions and tree dimensions, with the x-axis labeled "Tree Height" and the y-axis labeled "Fruit Height", though the code contains a minor bug where `tree_height` is not parsed to a number.

KKondreddy Saikiran reddy
78% match
Loading thumbnail…

Fork of Activity6_Task3_Question3.1

This scatter plot visualizes fruit data, mapping fruit height and width along the axes while coloring each point by fruit type (apple, orange, banana, or other). The plot incorporates tree height and width as additional visual properties for the circular markers. The visualization uses D3 v6, loading CSV data from a GitHub gist, and employs `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to construct the SVG chart. The code also uses the `join` operation to bind data to SVG circles and custom text labels for axis descriptions.

KKondreddy Saikiran reddy
78% match
Loading thumbnail…

Fork of Activity6_Task3_Question3

This scatter plot visualizes fruit data, plotting fruit height against fruit width, with each circle colored by fruit species (apples in red, oranges in orange, and others in green). The visualization uses D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while `csv` loads data from a GitHub gist containing tree and fruit measurements. Circles are drawn as SVG elements with fixed radius, and the code attempts to apply tree height and width as `rx` and `ry` attributes, though these do not affect circle shape. Axis labels are added via SVG text elements with rotation.

KKondreddy Saikiran reddy
77% match
Loading thumbnail…

Activity-6_Question-2

This stacked bar chart displays the distribution of fruit ratings across five sweetness categories, from "below 5.0" to "above 8.5", with each fruit represented as a horizontal bar segmented by rating percentage. The visualization uses d3.stack() to compute cumulative values, d3.scaleBand() for the categorical y-axis, and d3.scaleLinear() for the percentage x-axis. Interactive tooltips reveal the exact percentage for each rating segment on mouseover, while an ordinal color scale assigns distinct hues to each category.

Ccharanshiva769@gmail.com
77% match
Loading thumbnail…

Activity6_task4

This bubble chart visualizes the correlation between average sugar, weight, and calories across various food items from a CSV dataset. Each circle’s x-position maps to weight, y-position to sugar, and radius to calorie content, with color distinguishing food type via the d3.scaleOrdinal and schemeCategory10 palette. The chart includes interactive tooltips on mouseover, plus legends for both calorie radius and food categories. Built with D3 v7, it renders as SVG and uses d3.axisBottom and d3.axisLeft for scales.

Yyadlapallisaisathvik@gmail.com
76% match