Skip to main content
SimilarExport ZIP
100%

Activity6_Task3_Question3.1

✓ Published2🌍 Public
KKondreddy Saikiran reddy
Last edited Apr 5, 2024
Created on Apr 4, 2024

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

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

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.

KKondreddy Saikiran reddy
96% 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
95% 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
95% match
Loading thumbnail…

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
Loading thumbnail…

Activity6_Question-3

A scatter plot displays the Fruits dataset, plotting fruit length on the x-axis against fruit width on the y-axis. Each circle represents a fruit, colored by fruit type (apple, banana, orange, grape). The visualization uses D3 v6 to load CSV data via `d3.csv`, create linear scales with `scaleLinear`, and render SVG circles with axes from `axisBottom` and `axisLeft`. Axis labels are added as SVG text elements.

Vvullihanumantharao@gmail.com
88% 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
85% match
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
84% match