Skip to main content
SimilarExport ZIP
100%

assignment

✓ Published0🌍 Public
HHarshithaAru06
Last edited Oct 24, 2025
Created on Oct 24, 2025

This scatterplot visualizes student performance, plotting study hours per week against final exam scores, with gender as a color-coded grouping variable. It uses the D3.js v7 library with a reusable `scatterPlot` function pattern, rendering SVG circles within a margin-based layout. The chart reads from `data.csv` and builds linear scales for both axes, applying ordinal color encoding via `d3.scaleOrdinal` with the Tableau color scheme.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

assignment

A line chart shows final exam scores for students in a performance dataset, plotted sequentially by student index. The visualization encodes each student as a point connected by a blue line, with axes labeled "Student Index" and "Final Score." The code uses D3 v7's `d3.csv`, `d3.line`, and `d3.scaleLinear` to load data from `data.csv`, generate the SVG path, and draw circles for each data point.

HHarshithaAru06
86% match
Loading thumbnail…

Assignment

This scatter plot visualizes the relationship between students’ study hours per week and their GPA, with each circle representing a single student. The x-axis shows study hours, the y-axis shows GPA, and hover effects increase circle opacity and radius. The visualization loads CSV data from a GitHub Gist, uses d3.csv for parsing, and positions marks with d3.scaleLinear and d3.axisBottom/axisLeft. Grid lines are generated using a modified axis with tickSize, while circle color and size are fixed channels. The chart is rendered as SVG with D3 v7.

HHarshithaAru06
86% match
Loading thumbnail…

one

A reusable D3.js scatter plot visualizes student performance, mapping study hours on the x-axis and test scores on the y-axis, with circles colored by gender (blue for Male, pink for Female). Built with d3.v7, it uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` for color encoding, and `d3.axisBottom`/`d3.axisLeft` for tick marks. The chart loads `students.csv` via `d3.csv` and appends `title` elements for tooltips, rendering as SVG with margins and labeled axes.

Mmsahithipatel@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
83% match
Loading thumbnail…

scatterplot

This scatter plot visualizes the relationship between students’ study hours and their exam scores. The chart uses D3.js v7 to render SVG circles, with a linear scale mapping study hours on the x-axis and exam scores on the y-axis. The data is loaded from a CSV file via `d3.csv`. Axes are added using `d3.axisBottom` and `d3.axisLeft`, with labels for both variables. The code defines a reusable `createScatterPlot` function that takes data and a container ID, setting fixed margins and a 600x400 pixel drawing area.

Vvishnupriya eupuri
83% match
Loading thumbnail…

assignment

A filled area chart visualizes final exam scores for twenty students, ordered by their index in the dataset. The chart displays a single continuous line with a light blue fill, showing the distribution of scores, which range from about 64 to 100. Built with D3.js v7, the visualization loads `data.csv` using `d3.csv` and `d3.autoType`, then constructs the area using `d3.area` with a monotone curve, `d3.scaleLinear` for both axes, and `d3.axisBottom` and `d3.axisLeft` for the tick marks. The chart is rendered as an SVG element.

HHarshithaAru06
83% match
Loading thumbnail…

Activity6_Question6

This visualization shows the relationship between student study hours and exam performance, with gender distinguishing the data points. Male students appear as green star shapes while female students appear as red circles. The code uses D3 v6 to load a CSV from GitHub, parse the data, and render the scatter plot as an SVG. It employs D3's `scaleLinear`, `axisLeft`, `axisBottom`, `csv`, and `extent` functions for scaling, axes, and data handling, with a legend clarifying the shape-color mapping.

Kkartheekgrpt@gmail.com
83% match
Loading thumbnail…

Activity6_Question6

This scatter plot visualizes the relationship between hours studied and exam scores for students, with data points colored by gender (blue for male, pink for female). It uses d3.csv to load the dataset from a GitHub URL, d3.scaleLinear to map data values to pixel coordinates, and d3.axisBottom and d3.axisLeft to render axes. The SVG chart includes a legend and displays axis labels for both variables.

Kkartheekgrpt@gmail.com
82% match