Skip to main content
SimilarExport ZIP
100%

Murali of ICE-6

✓ Published0🌍 Public
MMuraliMohanMekala@my.unt.edu
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

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
83% match
Loading thumbnail…

ICE-6

This example displays a bar chart of cricket tournament wins by country from 1975 to 2025, aggregating tournament victories using `d3.rollups` and sorting them in descending order. The visualization uses D3 v7 to render SVG bars with a horizontal grid from `d3.axisLeft`, rotated country labels on the x-axis, and interactive hover tooltips showing exact win counts. Data loads from an external CSV file via `d3.csv`, and the chart encodes win frequency through bar height against a linear y-scale.

SSainathreddypotu@gmail.com
83% match
Loading thumbnail…

ICE-6 Barchart

A bar chart displays cricket tournament wins by country from 1975 to 2025, aggregated from CSV data using D3 v7. Each bar uses a blue-to-teal linear gradient with a drop shadow filter, and animates upward on load. Hovering reveals a tooltip showing the exact win count. The chart includes rotated x-axis labels, gridlines, and animated count-up value labels.

SSainathreddypotu@gmail.com
81% match
Loading thumbnail…

ICE-5 Murali M

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.

Mmuralionline6@gmail.com
78% match
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
78% match
Loading thumbnail…

MuraliM (bar+line) ice6

This bar chart shows the average Titanic survival rate broken down by passenger class, with percentage labels displayed above each bar. The visualization uses D3.js v7 APIs including `d3.csv` for data loading, `d3.rollups` for grouping and computing means, `scaleBand` for the categorical x-axis, and `scaleLinear` for the continuous y-axis. The SVG rendering includes styled axes with custom formatting via `d3.axisBottom` and `d3.axisLeft`, wrapping text labels, and rectangular bar elements filled with a blue color. Data is processed from a local CSV file containing passenger records.

MMuraliMohanMekala@my.unt.edu
77% match
Loading thumbnail…

ICE-Part3

This example visualizes cricket dominance from 1975 to 2025 using two SVG charts. The upper multi-series line chart shows annual win trends for India, Australia, and Pakistan, with colored lines, circles, gridlines, and a peak annotation. The lower combined chart pairs bars representing total tournaments per year with a line tracking India’s wins. Built with D3 v7, it uses `d3.csv`, `d3.scaleLinear`, `d3.line` with `curveMonotoneX`, and `d3.axisBottom`/`d3.axisLeft`. Data is loaded from a GitHub gist.

SSainathreddypotu@gmail.com
74% match
Loading thumbnail…

ICE6 - Marks and channels

This bar chart shows the total number of wins achieved by various cricket captains, with captain names on the x-axis and win counts on the y-axis. The data is loaded from a CSV file and sorted by wins in descending order, with each bar colored uniquely via a d3.scaleOrdinal. Built with D3 v7, the visualization uses d3.csv for data loading, d3.scaleBand and d3.scaleLinear for axes, and includes interactive hover effects that change bar color through CSS transitions, along with rotated x-axis labels and axis labels for clarity.

Mmamathareddy1321@gmail.com
74% match