Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_Task3_Question3.1

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

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.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

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
97% 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
95% 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
95% 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
93% 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
89% 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
87% 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
86% match
Loading thumbnail…

Activity6_Task3.2

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.

DDee
86% match