ICE-5 Murali M

100%

ICE-5 Murali M

✓ Published0🌍 Public

Last edited Oct 5, 2025

Created on Oct 5, 2025

This visualization summarizes a student performance dataset loaded via `d3.csv`, displaying a styled HTML table of the first five rows and a bar chart of GPA values using `d3.scaleBand` and `d3.scaleLinear`. The SVG bar chart renders student IDs along the x-axis and GPA scores on a 0–4 scale, with axes generated by `d3.axisBottom` and `d3.axisLeft`. The data originates from a GitHub Gist CSV file, and the page includes a loading message and dataset summary.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-5 MuraliM

This example displays a student performance dataset loaded from a GitHub Gist CSV, presenting a summary message, a styled table previewing the first five rows, and a bar chart of GPA values. Using D3 v7, the visualization builds the table dynamically and renders an SVG bar chart with `d3.scaleBand` and `d3.scaleLinear`, pairing these scales with `d3.axisBottom` and `d3.axisLeft` for axis generation. The page relies on `d3.csv` for asynchronous data loading and update selection methods like `selectAll().data().enter().append()` to bind data to DOM elements.

Mmuralionline6@gmail.com

96% match

Loading thumbnail…

ICE-5 Harsh

This dashboard displays a summary and preview of a Student Performance dataset, showing the first five students in a styled table and a bar chart of their GPAs. The D3.js v7 code loads CSV data via `d3.csv` and uses `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render the chart. A `<div>` message container reports dataset size, while the table uses CSS for zebra striping and hover effects.

HHarshithaAru06

83% match

Loading thumbnail…

Murali ICE6

This bar chart visualizes total sales by product, aggregating a CSV dataset loaded from a GitHub Gist and displaying each product’s summed revenue as a horizontal bar. Product E leads in sales, while Product D records the lowest total. The visualization uses D3.js APIs such as `d3.csv`, `d3.rollups`, `d3.sum`, and `scaleBand`/`scaleLinear` to compute and sort the aggregates, render the SVG bars, and append axes, labels, and a title, with hover effects changing bar color to orange.

MMuraliMohanMekala@my.unt.edu

79% match

Loading thumbnail…

Murali of ICE-6

A bar chart displays the number of cricket tournament wins per country from 1975 to 2025, based on aggregated CSV data loaded via `d3.csv`. It uses `d3.rollups` to count wins per winner, then sorts them in descending order. The visualization renders as an SVG using D3 v7 with `scaleBand` and `scaleLinear` axes, horizontal grid lines, and tooltips that appear on bar hover via `mousemove`. Bar colors shift on interaction, and rotated country labels appear on the x-axis.

MMuraliMohanMekala@my.unt.edu

78% match

Loading thumbnail…

ICE-5 Denton Street Murals Visualization

This visualization presents summary statistics and a table preview of the Denton Street Murals dataset. It uses D3.js v7 to load CSV data and render SVG elements, including a summary card, a table of the first ten records, and a bar chart showing mural counts by material. The code computes row/column counts and area statistics, then draws a decorative artistic mural SVG.

Vvunnamnandini13@gmail.com

77% match

Loading thumbnail…

ICE 5_MuraliM1

This interactive dashboard presents the Titanic passenger dataset, starting with a styled HTML table of the first rows and then generating a series of D3.js charts, including a bar chart of average calories by category, a donut chart, a scatter plot, and other visualizations. The page also includes a US map, rendered using SVG, and dynamically creates container elements for each chart via JavaScript. The code relies on D3 v7 for data loading (`d3.csv`), aggregation (`d3.rollups`), and SVG chart construction, while the map uses the TopoJSON client to load geographic data, and a custom tooltip enhances interactivity.

Mmuralionline6@gmail.com

77% 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

77% match

Loading thumbnail…

ICE5

This example displays metadata about a student dataset, presenting file size, row count, and column count in a large, bold text overlay. The visualization uses D3.js v7 to fetch and parse a CSV file from a GitHub Gist via `d3.csv`, then formats the data with `d3.csvFormat` to calculate its size in kilobytes. The page’s background features a student-themed SVG image, styled with CSS. Static HTML text and links provide context, while the JavaScript dynamically updates a `<pre>` element with the computed statistics.

KKiran Jyothi Bodduluri-11604571

77% match