Activity6_Question-3

Activity 6 Question3

This example visualizes the fruits dataset as a scatter plot, mapping fruit height to the x-axis and fruit width to the y-axis. Each data point is a circle colored according to its fruit type (apple, orange, banana, or grape). The plot includes axes labeled "Fruit Height" and "Tree Height" in green text. The code uses D3 v6 modules like `d3.csv`, `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom`, rendering the visualization as SVG with circles positioned via `cx` and `cy` attributes.

Ppslharika@gmail.com

91% match

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.

89% match

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.

88% match

Activity6_Task3_Question3

This scatter plot visualizes fruit tree data from a CSV file, mapping fruit height to the x-axis and fruit width to the y-axis as colored circles—red for apples, orange for oranges, and green for other fruits. It uses D3 v6 with React, rendering to an SVG that fills the browser window. The code employs `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and `csv` to load the data, with axes labeled in green text.

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.

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.

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