Skip to main content
SimilarExport ZIP
100%

ICE_6 Yaswanth

✓ Published0🌍 Public
YYaswanth
Last edited Oct 20, 2025
Created on Oct 20, 2025
Forked from HTML Starter

This bar chart displays the number of students enrolled in five different courses, with values ranging from 60 to 150. Each bar uses a vertical linear gradient that shifts from purple to blue, and hovering over a bar triggers both a color change to orange-pink and the appearance of a tooltip showing the course name and student count. The chart, rendered as an SVG, uses d3.scaleBand for the categorical x-axis and d3.scaleLinear for the numeric y-axis, with D3 v6 handling axes, data binding, and event listeners.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6 - PART - 1

A bar chart displays test scores for 120 students, with each bar representing an individual student's score on a scale from 0 to 100. The visualization uses D3.js v7 to load data from a CSV file, then maps student names to a band scale for the x-axis and scores to a linear scale for the y-axis. SVG rectangles are rendered and filled with steelblue, while axes are generated using `d3.axisBottom` and `d3.axisLeft`, with x-axis tick labels filtered to show every tenth student.

VVinil Karmilla
81% match
Loading thumbnail…

ICE6-BarChart-Deepshika

This bar chart displays quiz scores for the first 20 students from a CSV dataset, with each bar representing an individual student’s score. The visualization uses D3 v7’s `scaleBand` and `scaleLinear` to map student IDs and scores, while animated bars appear via `transition()`. Hovering a bar triggers a tooltip showing study hours and practice questions. The SVG includes grid lines, axis labels, and value labels, all styled with custom CSS classes.

Ddeepshikathakur111@gmail.com
79% match
Loading thumbnail…

ICE-6

This visualization displays average subject scores grouped by students’ favorite subject, using an animated bar chart that rises from the baseline on load. Individual student scores appear as additional bars, with hover interactions changing bar color and showing a tooltip with the exact subject and score. Built with D3 v7, it loads tab-separated data from a GitHub gist, parses it via `d3.text`, and aggregates averages using `d3.rollup`. The SVG chart uses `scaleBand` and `scaleLinear` for axes, with `transition()` animating bar heights and `axisBottom`/`axisLeft` rendering labeled axes.

SSYAM TEJ
77% match
Loading thumbnail…

ICE-6 Assignment

This horizontal bar chart displays the percentage of international students across university-hosting countries, with bars sorted descending from highest to lowest. Using React and D3 v5, the visualization maps countries to a band scale on the y-axis and percentages to a linear scale on the x-axis, rendering bars as SVG rectangles. Data loads from a CSV via d3.csv, with y-axis labels manually positioned to accommodate varying country name lengths.

Ssagamreddy929@gmail.com
77% match
Loading thumbnail…

Bar Graph

This horizontal bar chart displays student enrollment counts for nine university courses, ranging from 20 to 85 students. Green rectangles represent enrollment figures on a linear scale, with subject names labeled along the y-axis. The visualization is drawn as an SVG using D3 v7, employing scaleLinear for the x-axis, scaleBand for categorizing the y-axis, and axisLeft/axisBottom for generating tick marks. Data loads from a CSV file containing course names and enrollment numbers, with the subject labels rotated vertically on the left.

PPavaniMangugari
76% match
Loading thumbnail…

ICE-6 Student Marks BarChart

This example visualizes student marks as a bar chart using React and D3. It shows the total marks for each student, with bars encoded by height on a linear scale and names on a band scale. The code fetches CSV data from a remote URL, parses it, and renders an SVG with rectangular bars using `scaleBand` and `scaleLinear`. It leverages React’s `useState` and `useEffect` for data loading, and D3’s `axisBottom` and `axisLeft` for axes. The chart uses a green fill for bars and includes margins and a title, with no interactive or animated behavior.

Cchalasanigayaetiri@gmail.com
76% match
Loading thumbnail…

ICE 6: Scientific Data Visualization

This example visualizes the total marks of 17 students in a semester as a horizontal bar chart. The SVG rendering uses React and D3 v5, with data loaded from a CSV file via `d3.csv`. Scales include `scaleBand` for student names on the y-axis and `scaleLinear` for marks on the x-axis, while `xScale.ticks()` generates gridlines, and colored rectangles represent each student’s score.

Nnagarajuobbineni
76% match
Loading thumbnail…

Ice_6_Yaswanth_duddu

This visualization combines a bar chart and multi-series line chart to display monthly Sales, Profit, and Expenses trends from a CSV dataset. Expenses are rendered as semi-transparent green bars, while Sales and Profit appear as blue and orange lines, respectively. The chart uses D3.js v6 with SVG rendering, employing `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and `d3.line` for path generation. Interactive tooltips appear on bar hover, and the chart includes rotated month labels, axis titles, and a color-coded legend.

YYaswanth
75% match