Skip to main content
SimilarExport ZIP
100%

Calificaciones de 2 tareas, grupo 410, para determinar estudiantes en riesgo.

✓ Published0🌍 Public
IIoTeacher
Last edited Apr 16, 2018
Created on Apr 16, 2018

This scatterplot shows the grades of 50 students in group 410 across two GitHub Pages assignments, using the first assignment’s score on the x-axis and the second on the y-axis to identify students at risk of failing. Each point represents a student, with a diagonal reference line marking equal performance on both tasks. The visualization uses D3.js with `d3.forceSimulation` to position labels and avoid overlaps, while the data is loaded from a local CSV file. Points below the threshold are highlighted to flag those needing attention.

AI-generated description

Similar vizzes

Loading thumbnail…

Tarea 3: Visualización calificaciones

A bar chart displays student grades, identified by student code along the x-axis and grade value on the y-axis, with a red line marking the class average. The bars are colored orange and turn darker on hover. Using d3.v3 and the d3-tip library, hovering over a bar reveals the exact grade via a tooltip. The chart is rendered as an SVG, with d3.scale.ordinal and d3.scale.linear handling the axes, and d3.mean calculates the average line shown. Data is embedded directly in the script as a JSON array.

LLauraCortes
68% 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
67% match
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
64% match
Loading thumbnail…

Homework #3

This visualization presents student grades as a set of circles positioned along a common scale from 0 to 6 on the x-axis, with student codes on the y-axis. Each circle is colored based on its distance from the class average: green for the maximum grade, red for the minimum, blue for grades within one standard deviation, orange for those within two standard deviations, and purple for outliers beyond that. The visualization uses position and color hue to support tasks of presenting grades and discovering extreme values, and includes animated text labels for grades, interactive tooltips on mouseover, and gridlines to aid in comparison across the distribution.

JJuanSMartinez
63% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between math and reading scores for individual students, with each point's color indicating whether the writing score exceeds 70. Built with D3 v7, the SVG chart uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.csv` with `d3.autoType` to parse the student performance data. Points are rendered as circles with a fixed radius and 70% fill opacity.

RRohith Reddy
63% 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
62% match
Loading thumbnail…

Students Performance in Exams Example Scatter Plot

This example visualizes the relationship between reading and math scores for students, using a scatter plot where each point represents an individual student's performance. The SVG markup is rendered with D3 v6, employing `scaleLinear` and `extent` to map data values to pixel coordinates, with `axisLeft` and `axisBottom` providing labeled scales. Data loads asynchronously from a CSV file sourced from Kaggle, and the plot includes custom text labels for axes and a title. Point radius is fixed at three pixels, and axes display scores from zero to one hundred.

Kkwmcclintick
62% match
Loading thumbnail…

Reusable Scatter plot Activity 8

This animated scatter plot uses D3.js to visualize high school student data, cycling through four different variable pairs on the x-axis every few seconds. Colored circles represent individual students, with sky blue, light green, and orange indicating grade categories (A, B, and D). The visualization employs the custom `scatterPlot` module, which utilizes D3 scales, axes, and SVG rendering to create the animated chart. Data is loaded from a CSV file hosted on GitHub, and the animation is driven by `setInterval`.

Lleftymadi
61% match