Skip to main content
SimilarExport ZIP
100%

Assignemnt

✓ Published0🌍 Public
Eeeshani.boyapati@gmail.com
Last edited Mar 6, 2026
Created on Mar 6, 2026
Forked from DV Assignment

This bar chart ranks 26 students by their daily screen hours, displaying each roll number on the vertical axis and screen time on the horizontal axis. The bars are sorted in descending order, with black bars that turn steel-blue on hover and a tooltip showing the exact roll number and hours. Built with D3 v7, the visualization loads CSV data via `d3.csv`, uses `d3.scaleBand` for the categorical axis, `d3.scaleLinear` for the numeric axis, and renders as SVG with gridlines created through `d3.axisBottom`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 3

This visualization compares average screen time, sleep hours, and GPA across six student groups using a combined bar and line chart. Gray bars represent average screen hours, while blue, green, and red lines depict trends for screen time, sleep, and GPA, respectively. The chart uses D3’s `scaleBand` for categorical x-axes, `scaleLinear` for the y-axis, and `d3.line` to connect summary points. Data is loaded from a CSV via `d3.csv`, grouped into six slices, and aggregated with `d3.mean` to compute group averages.

Eeeshani.boyapati@gmail.com
83% match
Loading thumbnail…

Assignment task 2

This scatter plot visualizes the relationship between screen hours and sleep hours for individual students, with each point colored by GPA using a sequential plasma scale. The visualization loads CSV data from a GitHub gist via `d3.csv`, then renders circles in an SVG container. It uses `d3.scaleLinear` for both axes, `d3.scaleSequential` with `d3.interpolatePlasma` for color encoding, and includes gridlines, axis labels, and an interactive tooltip that displays RollNo, screen hours, sleep hours, and GPA on mouseover/mousemove. Axes are generated with `d3.axisBottom` and `d3.axisLeft`.

Eeeshani.boyapati@gmail.com
81% match
Loading thumbnail…

Untitled

This bar chart displays the number of students for various grades and locations, with bars colored blue and axes labeled "Grades" and "Num_students." The visualization uses D3.js v6 to create an SVG rendering, employing `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the numeric y-axis. Data is hardcoded in an array of objects, while axes are generated with `d3.axisLeft` and `d3.axisBottom`. The chart includes a pink background rectangle and console logs for debugging scale behavior.

Hhanulik.ondrej@gmail.com
78% match
Loading thumbnail…

Students Grades of Bar Chart

This horizontal bar chart displays student grades, with each student’s name on the y-axis and their corresponding numerical grade on the x-axis. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG bars. Data is loaded from a CSV file, and interactive features include tooltips on mouseover and an alert on click, triggered via `select` and event listeners. Grid lines and axis labels are conditionally configured through a chart configuration object.

SshanLU999
78% match
Loading thumbnail…

Fork of Student Scores Bar Chart 2

This bar chart displays student scores from a CSV file, using a horizontal layout with student names on the y-axis and score values from 0 to 100 on the x-axis. The visualization uses d3.csv to load the data, d3.scaleBand for the categorical axis, d3.scaleLinear for the numeric scale, and d3.axisLeft and d3.axisBottom to render the axes. Each rectangle’s width is proportional to the score, with a purple fill and hover effect that reduces opacity. The chart is rendered as SVG within a 960×450 pixel viewport, with margins applied to position the plot area.

Pprudhvi
78% match
Loading thumbnail…

Student Scores Bar Chart

This bar chart displays the scores of twelve students, with each horizontal bar representing an individual’s score from 10 to 99. The visualization uses D3 v5’s `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and SVG `rect` elements with a hover effect that reduces opacity. Data is loaded from an external CSV file via `d3.csv`, and axes are generated using `axisLeft` and `axisBottom`.

Pprudhvi
78% match
Loading thumbnail…

Student scores bar chart

This bar chart displays the scores of individual students from a CSV file, using vertical steel-blue bars to show each score on a linear scale. The chart loads data from a remote CSV URL with `d3.csv` and renders the visualization in SVG. It uses `d3.scaleBand` for the student categories along the x-axis and `d3.scaleLinear` for the score values on the y-axis. Rotated x-axis labels and left-aligned axis ticks improve readability, with axes generated via `d3.axisBottom` and `d3.axisLeft`.

Kkoushika.3002@gmail.com
77% match
Loading thumbnail…

activity 7.2

This visualization uses an area chart to show the relationship between study hours and the corresponding grade values (A=4, B=3, C=2, D=1) for individual students. The chart’s fill uses a linear gradient transitioning from rose to blue to green. The code loads a CSV from GitHub, filters for entries with study hours and grades, maps letters to numeric values, and sorts the data by study hours before creating a smooth monotone-X curve. The axes are drawn with `d3.axisBottom` and `d3.axisLeft`.

Mmanasapolisetty13@gmail.com
77% match