Skip to main content
SimilarExport ZIP
100%

visualization 7

✓ Published0🌍 Public
GGanesh Gundekarla
Last edited Apr 27, 2025
Created on Apr 27, 2025
Forked from HTML Starter

A bubble chart visualizes the relationship between application mode, dropout rate, and applicant volume. Users see dropout rates on the y-axis and application modes on the x-axis, with bubble size representing applicants and color indicating gender dominance. d3.scaleLinear, d3.scaleSqrt, and d3.scaleOrdinal map the data; d3.axisBottom and d3.axisLeft render axes. The SVG is populated with circle elements, each containing a hover tooltip via d3.append('title').

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Visualization4D3.js

This visualization is a heatmap showing the relationship between Gender and Application Mode, using counts derived from a dataset of student records. The chart displays application modes on the y-axis and gender on the x-axis, with color intensity indicating the number of students in each combination. Hovering over a cell reveals the exact count via a tooltip. The code uses D3 v7 to load data with `d3.csv`, aggregate counts via `d3.rollups`, and render the SVG heatmap using `scaleBand` for axes and `scaleSequential` with `interpolateBlues` for color encoding.

GGanesh Gundekarla
80% match
Loading thumbnail…

visualization9d3

This stacked bar chart displays the count of students by their final academic outcome (Dropout, Graduate, or Enrolled), with each bar segmented by gender (Male or Female). The visualization uses D3 v7 to load CSV data via `d3.csv`, aggregate counts, and render SVG rectangles through `d3.stack` and `d3.scaleBand`. Interactive tooltips appear on mouseover, showing the exact count per gender and outcome. The chart includes axes labeled “Target Outcome” and “Number of Students,” with a categorical color scale assigning blue to males and orange to females.

GGanesh Gundekarla
74% match
Loading thumbnail…

Activity 6_Task 4_Question

A bubble chart compares men’s and women’s enrollment across U.S. universities, with bubble size encoding the enrollment gap. The visualization uses D3 v7 to render SVG circles, scales, axes, and a size legend. Hovering over a bubble displays a tooltip with exact values via mouse events. The data comes from a CSV file, and each school is colored using a categorical color scale.

Sshettisowmya01@gmail.com
73% match
Loading thumbnail…

Visualization3D3.js

This visualization shows student retention outcomes grouped by course, comparing the number of retained students against those who dropped out for each academic program. The data comes from a CSV dataset with a "Target" column indicating dropout or graduation status. The implementation uses D3.js v7 with SVG rendering, employing `d3.rollups` to aggregate counts, `d3.scaleBand` for the grouped bar layout, and `d3.axisBottom` and `d3.axisLeft` to generate axes. Interactive tooltips appear on mouseover, highlighting individual bar values and highlighting the hovered bar with a color change.

GGanesh Gundekarla
72% match
Loading thumbnail…

Visualization6D3.js

This scatter plot visualizes the relationship between student age at enrollment and first-semester grade, with points colored according to gender and retention status (retained versus dropped). Each dot encodes a single student record from the dataset, and hovering reveals precise age, grade, and gender values through a tooltip. The visualization uses D3 v7 with SVG rendering, employing `d3.scaleLinear` for the x and y axes, `d3.scaleOrdinal` for categorical coloring, and `d3.axisBottom` and `d3.axisLeft` for the coordinate system. A static HTML legend outside the SVG explains the four color-coded groups.

GGanesh Gundekarla
72% match
Loading thumbnail…

activity6_Task4

This visualization is a bubble chart that shows the relationship between student age, course, CGPA, and year of study, using data from a mental health survey. The x-axis maps age, the y-axis maps course, bubble size represents CGPA, and color distinguishes year of study. D3 v7 API calls such as `scaleLinear`, `scalePoint`, and `scaleOrdinal` are used to position and style the circles, while `d3.csv` loads the data and `d3.axisBottom` and `d3.axisLeft` render the axes. The chart is rendered as an SVG with a tooltip for interactivity.

Nnissisharon61@gmail.com
71% match
Loading thumbnail…

Bubble Chart

This bubble chart displays the relationship between the number of women and men at various universities, with bubble size representing the gender gap. The visualization uses a scatter plot layout where each school is positioned by their female and male student counts, and the radius of each bubble scales with the gap between these values. The chart is built using D3 v6, employing linear scales for the x and y axes, a square-root scale for bubble radius, and an ordinal color scale to distinguish schools. Data is loaded from an external JSON file, and the visualization includes a color-coded legend rendered as SVG.

HHarshithaAmbilpur
71% match
Loading thumbnail…

Activity6-Question4

This bubble chart displays sales information for a group of employees, plotting profit against revenue while using circle size to encode product quantity and color to distinguish employee names. It loads data from a CSV file and renders with D3 v7 in SVG, featuring interactive tooltips on mouseover that show each employee's name. The visualization includes a size legend for quantity and a color legend for employees, with colors generated via `d3.interpolateTurbo` and scales built using `d3.scaleLinear` and `d3.scaleOrdinal`.

LLayaMyadam@my.unt.edu
71% match