Skip to main content
SimilarExport ZIP
100%

Shivani Fork of Sports dataset ICE-5 Assignment

✓ Published0🌍 Public
Bbodushivani2601@gmail.com
Last edited Oct 6, 2025
Created on Oct 6, 2025

This visualization displays sports data from a CSV file, presenting a data summary, a preview table of the first five rows, and a dynamic bar chart rendered as SVG. The code uses D3.js v7 to load and parse the CSV data via `d3.csv`, infer column types, and calculate statistics like mean, min, and max for numeric columns. It then dynamically generates bars representing the top five players by goals or points, using `d3.select` and `d3.scaleLinear` to scale the values. The SVG also includes decorative shapes and axes to create an abstract poster aesthetic.

AI-generated description
MIT Licensed

Similar vizzes

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

Sports dataset ICE-5 Assignment

This visualization presents a sports dataset summary with a preview table of the first five rows and dynamic SVG bar charts. The page loads data from a raw Gist CSV file using `d3.csv` and automatically detects numeric columns for statistical analysis. Using D3 v7, it renders horizontal bars scaled with `d3.scaleLinear`, positioned within an SVG viewBox, while CSS styles the accompanying tables and decorative shapes. The interface provides column names, data types, and descriptive statistics like mean, min, and max for each numeric field.

Ssandyman2109@gmail.com
84% match
Loading thumbnail…

shivani Fork of ICE5

This bar chart visualizes clothing item counts by category from a dataset of 100 movie-related rows. Each category, such as Accessories, Traditional, and Top, displays an SVG icon, a text label, and a horizontal bar scaled by frequency. The visualization uses d3.csv to load data, d3.scaleLinear for proportional bar widths, and SVG elements with hover effects that change bar fill color. Summary statistics show total items and category names above the chart.

Bbodushivani2601@gmail.com
81% match
Loading thumbnail…

Shivani Fork of ICE5 Spotify Artists Data Overview

This example demonstrates a minimal data-loading preview for a CSV file from a GitHub gist, displaying the file size, row and column counts, and a table of the first ten rows. The code uses the D3 v7 library’s `d3.csvParse` and `d3.select` APIs, along with the native `fetch` function, to retrieve and parse the data before rendering an HTML table. The visualization emphasizes raw data inspection rather than graphical representation, serving as a practical tool for verifying dataset structure and integrity.

Bbodushivani2601@gmail.com
79% match
Loading thumbnail…

Fork of 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.

SSYAM TEJ
79% 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
78% match
Loading thumbnail…

Fork of HTML Starter

This visualization summarizes a student sports dataset, showing a bar chart of team counts alongside text statistics for total students, unique subjects, and the top team. The code uses `d3.csv` with `d3.autoType` to fetch and parse the data, then `d3.rollups` with `d3.descending` to compute team frequencies. An SVG bar chart is rendered using `d3.scaleBand` and `d3.scaleLinear`, with axes drawn via `d3.axisBottom` and `d3.axisLeft`. The page structure and styling come from the accompanying `index.html`, `styles.css`, and `script.js` files.

SSYAM TEJ
76% match