Activity6_Task3

100%

Activity6_Task3

✓ Published0🌍 Public

Last edited Apr 11, 2024

Created on Apr 11, 2024

This scatter plot visualizes student grades, with English on the x-axis, physics on the y-axis, and points colored by class category (First, Second, or other). It uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and scale the data from a GitHub-hosted CSV and render axes. The plot is drawn as SVG circles with fixed radius, while additional science and math values are stored per mark but not visually encoded.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 6 Scatter Plot

This D3.js scatter plot visualizes student grades from a CSV file, plotting English scores on the x-axis and physics scores on the y-axis, with points colored by class (First class, Second class, or other). It uses `d3.csv` to load the data, `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for tick marks. The SVG rendering includes circles sized by a fixed radius, with axis labels for English and science. The code also reads additional metrics (science and maths) into each data point, though these are not directly used for the visual encoding.

Cchilukuritagore1427@gmail.com

85% match

Loading thumbnail…

ICE 6 scatter plot

This scatter plot displays student grades, plotting English scores on the x-axis against Physics on the y-axis, with each point colored by class category (First, Second, or other). The code loads CSV data via `d3.csv`, applies `d3.scaleLinear` for both axes, and renders circles using SVG. It also encodes additional dimensions through the `rx` and `ry` attributes, mapping Science and Math scores to each circle’s horizontal and vertical radii, while using `d3.axisLeft` and `d3.axisBottom` for labeled axes.

Cchilukuritagore1427@gmail.com

84% match

Loading thumbnail…

Activity6_Task3.3

This scatter plot visualizes student performance by mapping math scores on the x-axis and reading scores on the y-axis, with each circle colored by gender (skyblue for female, lightgreen for male). The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to load data from a GitHub-hosted CSV and render SVG circles. Additional attributes for writing score and test preparation are stored but not visually encoded, while axis labels appear in green.

Ss.harshinisai01@gmail.com

84% match

Loading thumbnail…

Activity 6 Question 3

This scatter plot visualizes the relationship between Physics and History scores for individual students, with each circle's color encoding the student's sex (steelblue for male, deeppink for female). The data is loaded from a remote CSV file using the D3.js v7 library and rendered as SVG elements. The code uses `d3.csv` to fetch and parse the data, `d3.scaleLinear` for both axes, and `d3.scaleOrdinal` for the categorical color mapping, with axes generated via `d3.axisBottom` and `d3.axisLeft`.

SSai Gottumukkala

83% match

Loading thumbnail…

Activity 6 Question 3

This scatter plot visualizes the relationship between Math and English scores for individual students, with points colored by gender (steelblue for males, deeppink for females). It uses the D3.js library (v7) to load a CSV dataset from GitHub, apply linear scales to both axes, and render the chart as SVG. The visualization includes labeled axes, a purple title, and a legend, all positioned using calculated margins. The code leverages `d3.scaleLinear`, `d3.extent`, `d3.scaleOrdinal`, and `d3.axisBottom`/`d3.axisLeft` to construct the plot, with circles appended via `g.selectAll('circle').data(data).join('circle')`.

Ssagipavan2385@gmail.com

83% match

Loading thumbnail…

Task - 3 Question 6

This scatter plot shows each student’s Math and English scores from a CSV file, with one colored circle per student. The chart uses D3.js v7 to create axes, grid lines, and labels, with an ordinal color scale mapping students to distinct colors. Circles animate by growing and turning red on hover, then revert to their original size and color on mouse-out. The plot is rendered as SVG with linear scales fixed to the 50–100 score range for both axes.

AAkhileshVadlakonda@my.unt.edu

82% match

Loading thumbnail…

Activity 6 Question 3

A scatter plot displays the relationship between Math and English scores for students, with each circle colored by gender (steelblue for male, deeppink for female). The visualization uses D3 v7's `scaleLinear` for axes, `d3.extent` for domain calculation, and `d3.scaleOrdinal` for color mapping. It renders as an SVG with a legend, axis labels, and a title, loading data from a remote CSV file via `d3.csv`.

Aanisha.peddireddy@gmail.com

82% match

Loading thumbnail…

Assignment 2 Task 3 Scatter Plot

This scatter plot visualizes the relationship between high school ranking, high school strength, student involvement, and student activity levels, with point color encoding student grades (A, B, or other). The SVG visualization loads CSV data via d3.csv, scales the x and y axes with d3.scaleLinear, and renders circle marks using d3 selection joins. Axes are drawn with d3.axisLeft, d3.axisBottom, and styled with custom labels.

Lleftymadi

82% match