Activity6_Task3.2

100%

Activity6_Task3.2

✓ Published2🌍 Public

Last edited Apr 3, 2025

Created on Apr 3, 2025

A scatter plot visualizes the relationship between sweetness and crunchiness for fruit samples, with each point colored and shaped by fruit type (apple, banana, grape) via an SVG path. The D3 v7 code maps data from a remote CSV, uses a linear scale for both axes, and renders the chart with SVG. A separate shape legend uses D3 symbols, and a custom HTML legend indicates fruit types.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question3

This scatter plot visualizes fruit classification based on two continuous attributes, sweetness and crunchiness, each rated on a 0–10 scale. The visualization distinguishes three fruit types—Apple, Banana, and Grape—using distinct marker shapes (circle, square, triangle) and colors, generated via d3.symbol(). The plot is rendered as an SVG using D3 v7, with axes drawn via d3.axisBottom and d3.axisLeft, and data loaded from a remote CSV using d3.csv. A custom shape legend maps fruit types to their symbols.

DDee

92% match

Loading thumbnail…

Activity6_Task3_Qus6

This scatter plot displays the relationship between fruit weight and sweetness for ten fruit types. Each circle represents a fruit, positioned by weight on the x-axis and sweetness on the y-axis, with color assigned via the `d3.scaleOrdinal` scale, though all points share the category "fruit." Rendered as an SVG using D3 v6, the code loads data from a CSV file via `d3.csv`, scales axes with `d3.scaleLinear` and `d3.extent`, and draws axis ticks with `d3.axisBottom` and `d3.axisLeft`. The plot sizes itself to the browser window.

Aamarnadhkari98@gmail.com

88% match

Loading thumbnail…

Activity6_Task3_Qus6

This D3.js v6 scatter plot visualizes the relationship between fruit weight (in grams) and sweetness rating (1-10) using data from a CSV file. Each fruit is represented as a circle positioned along the x-axis for weight and y-axis for sweetness, with all points colored pink via a color scale. The visualization uses D3's `csv` loader, `scaleLinear` for axes, `extent` to compute domains, and `axisBottom`/`axisLeft` to render the chart. The SVG output includes labeled axes for weight and sweetness, with the plot sized to fill the browser window.

Aamarnadhkari98@gmail.com

88% 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

86% match

Loading thumbnail…

Activity-6 Q-6

This scatter plot visualizes the relationship between sweetness level and weight for four fruit types, with each fruit represented by a distinct shape and color. The visualization loads fruit data from a local CSV file and uses d3’s `csv` function to parse it, converting numeric fields. The chart is rendered using d3’s `scaleLinear` for both axes, `scaleOrdinal` for shape mapping, and `symbolsFill` for symbols. A custom shape legend, built with `symbol`, clarifies the fruit-type mapping. The axes, labels, and tick marks are generated through the `axes` module, which utilizes `axisLeft` and `axisBottom` from d3.

KKavyaEti

86% match

Loading thumbnail…

Activity6_Task3_Question3.1

This scatter plot visualizes the Fruit Tree dataset, mapping fruit height and width while coloring each point by fruit species (apple, orange, banana, or green). The visualization uses D3.js v6 to load the CSV data via `d3.csv`, create scales with `scaleLinear`, and render SVG circles. The code defines x and y axes using `axisBottom` and `axisLeft`, and applies custom color mapping based on the fruit name. The chart is built within a React framework, though it directly manipulates the DOM, and uses the `join` pattern to bind data to circle elements.

KKondreddy Saikiran reddy

85% match

Loading thumbnail…

Activity_6_task_3

This scatter plot visualizes the apple quality dataset, plotting fruit size on the x-axis against weight on the y-axis, with each point colored green or red to indicate good or bad quality. The visualization uses D3 v6 with SVG rendering, employing the `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data, compute scales, and draw axes. The code retrieves the dataset from a GitHub-hosted CSV file and renders approximately 4,000 circles across the full browser window.

TThai Ha Dang

84% 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

84% match