Activity_6_task_3

Ssathvikavancha@my.unt.edu

question-6

This scatter plot visualizes the relationship between apple size and weight, with data from the apple_quality.csv dataset. Blue and yellow circles differentiate good and bad quality apples, revealing potential clustering patterns. The visualization uses D3.js version 6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load remote CSV data and render the SVG chart. Axis labels for Weight and Size are included, with the figure sized to fill the browser window.

88% match

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_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.

Aamarnadhkari98@gmail.com

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.

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.

85% match

activity6_task2

This example visualizes apple quality ratings using a stacked horizontal bar chart, where each bar represents a sample and segments show the proportion of attributes like size, weight, sweetness, and acidity. The visualization uses D3 v7 with an SVG rendering, loading data from a CSV file. It employs d3.stack for stacking, d3.scaleLinear and d3.scaleBand for axes, and d3.axisBottom for the x-axis, with interactive tooltips on hover.

Ppaulphillips@my.unt.edu

85% match