Skip to main content
SimilarExport ZIP
100%

Murali ICE6

✓ Published0🌍 Public
MMuraliMohanMekala@my.unt.edu
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from ICE6 BarChart

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.

AI-generated description
MIT Licensed

Similar vizzes

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

ICE6 BarChart

This bar chart displays total product sales in USD, aggregated from a CSV dataset loaded via `d3.csv`. It shows that Product E has the highest revenue while Product D has the lowest, with bars sorted in descending order. Using D3 v6, the visualization applies `d3.rollups` and `d3.sum` to aggregate data, then renders SVG bar charts with `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisLeft`/`d3.axisBottom`. Interactive hover effects change bar color via CSS.

Kkmuktha09@gmail.com
79% match
Loading thumbnail…

ICE-6 BARCHART

This bar chart visualizes sales figures for 100 products, with each bar’s height mapped to the product’s sales units. The visualization uses D3 v7 to load a CSV file from a GitHub gist, then renders an SVG with steel-blue bars that turn orange on hover. A band scale positions categorical products along the x-axis, while a linear scale maps sales values to the y-axis. The chart includes axis labels, a rotated x-axis to accommodate product names, and a title, with horizontal grid lines for readability.

Uuguggila@gitam.in
79% 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
79% 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
79% 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
78% match
Loading thumbnail…

ICE6 - Sai Kaushik Ganji

This visualization presents a horizontal bar chart ranking the top 12 products by total units sold from the retail sales dataset. The bar chart aggregates six months of data using d3.rollups and d3.sum to calculate product totals, sorting them in descending order. Bars are rendered as SVG rectangles with a linear gradient fill, and animated updates respond to user interaction. D3 v7 handles data loading via d3.csv, while a custom tooltip displays exact values on hover, enhancing the comparative analysis of product performance.

SSai Kaushik Ganji
78% match
Loading thumbnail…

ICE-6 Nithish Kumar

This horizontal bar chart displays the top cosmetic products by revenue, sourced from a CSV file. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map revenue values and product names, with SVG rectangles representing the bars. Axes are customized by removing domain lines and applying a tick formatter that converts large numbers to abbreviated units. The data is loaded via `d3.csv` and rendered with margins and labels for the title and x-axis.

NNithish Kumar
77% match