Skip to main content
SimilarExport ZIP
100%

Fork of ICE5

✓ Published0🌍 Public
SSYAM TEJ
Last edited Oct 5, 2025
Created on Oct 5, 2025
Forked from ICE5

This dashboard summarizes student and sports data from a CSV file. It displays key performance indicators, a bar chart of team counts, color-coded student swatches, and a preview table. The visualization uses D3.js v7 with d3.csv, d3.rollups, and d3.scaleBand to process the data and render the SVG bar chart, while d3.select and d3.create build the HTML elements for the swatches and table.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE5

This page displays a student performance dataset. It shows metadata about the data, including its size in kilobytes, row count, and column count, by fetching a CSV file and processing it with D3.js. The visualization uses the `d3.csv` API to load the external data and the `d3.csvFormat` API to calculate the file size. The page presents this information as plain text, with a background image of a student performance SVG and clickable links to the dataset.

Mmanjushalakshmi
86% match
Loading thumbnail…

Fork of Fork of Sports dataset ICE-5 Assignment

This visualization displays a sports dataset loaded from a remote CSV file, presenting a numerical summary, a table preview of the first five rows, and a dynamic bar chart rendered in SVG. Built with D3 v7, the code uses `d3.csv` to fetch data, `d3.scaleLinear` to map values for bar heights, and `d3.select` to update the chart. The example also includes decorative shapes and axes within the same SVG canvas, with styling handled by external CSS.

Bbodushivani2601@gmail.com
84% match
Loading thumbnail…

Fork of HTML Starter

This visualization summarizes student and sports data from a CSV file, displaying key statistics such as total student count, unique favorite subjects, and the top team. It presents these findings in a simple SVG bar chart that shows team counts, with axes labeled using D3's `d3.axisBottom` and `d3.axisLeft`. The data is loaded via `d3.csv` and processed using `d3.rollups` and `d3.scaleBand`, resulting in an accessible chart with a summary section and rotated x-axis labels for readability.

SSYAM TEJ
83% match
Loading thumbnail…

ICE5

This D3.js visualization provides an overview of a teams dataset loaded from a GitHub Gist, displaying dataset metrics (characters, columns, rows), a tabular preview of the first ten rows, and SVG circle swatches colored by each team’s hex code. The visualization uses `d3.csv` to parse the CSV and `d3.select` and `.append` to build both an HTML table and the circular color cards. The interface is styled with custom CSS, and the banner uses an SVG linear gradient fill.

SSainathreddypotu@gmail.com
83% match
Loading thumbnail…

Fork of Fork of HTML Starter

This example demonstrates a student data dashboard that loads a CSV file containing student names, ID numbers, color codes, favorite subjects, and team names. It displays summary statistics for total students, unique subjects, and unique teams, alongside a bar chart showing team membership counts rendered with D3 v7's `d3.rollups` and `scaleBand`/`scaleLinear` APIs. The page also features color swatch cards and a preview table, with data fetched via the `d3.csv` method and custom canvas rendering for the SVG bar chart.

SSYAM TEJ
83% match
Loading thumbnail…

Fork of Sports dataset ICE-5 Assignment

This interactive data-exploration tool displays a sports dataset loaded from a CSV file hosted on GitHub Gist. The visualization presents a data summary with a column statistics table, a preview of the first five rows, and a dynamic bar chart rendered as SVG. The application uses D3 v7 to fetch the CSV data via `d3.csv`, infer numeric columns, and compute statistics like mean, min, and max. It draws the bars directly onto an SVG poster element, with player names and their corresponding goals or points values.

Bbodushivani2601@gmail.com
82% match
Loading thumbnail…

ICE5

This dashboard summarizes a CSV dataset loaded from a public GitHub Gist, displaying high-level metrics such as total character count, column count, and row count. It then renders a preview table of the first ten rows using D3 v7’s `d3.csv` and `d3.select` APIs, building an SVG banner and styled HTML table. The interface dynamically fetches data with the Fetch API and presents it with custom CSS for metrics, panels, and a green-themed header. All rendering occurs in SVG and HTML, with no interactive filtering or charts beyond the static overview.

SSainathreddypotu@gmail.com
82% match
Loading thumbnail…

Fork of ICE-5 mm

This example displays a preview of the Student Performance dataset, showing the first ten rows in an HTML table with column headers and a summary of file size, row count, and column count. It loads the CSV asynchronously via `d3.csv`, then uses D3 selections, `append`, `selectAll`, and `join` to construct the table structure dynamically. The styling applies responsive table formatting with hover effects, alternating row colors, and a blue header, all defined in the accompanying stylesheet. The data originates from a remote GitHub Gist URL specified in the script.

Kkmuktha09@gmail.com
82% match