Skip to main content
SimilarExport ZIP
100%

Fork of Sports dataset ICE-5 Assignment

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

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.

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

Shivani Fork of Sports dataset ICE-5 Assignment

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.

Bbodushivani2601@gmail.com
87% 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
82% match
Loading thumbnail…

Fork of Vanilla D3 Vibecoding Template

This interactive dashboard displays sports statistics from a CSV file, offering four switchable D3 v7 visualizations. A scatter plot compares athletes' goals or points against their assists, color-coded by sport, while a pie chart shows the proportional share of players per sport. Line and area charts plot matches played against goals or points, with the area chart filling the space beneath the line. All charts are rendered as SVG and include interactive tooltips on data points, using d3.csv for data loading and d3.rollups for aggregation.

Ssandyman2109@gmail.com
82% match
Loading thumbnail…

Fork of ICE 5 - Lifestyle harshitha Dontha

This D3 v7 visualization presents a preview of a cricket T20 dataset, displaying the first ten rows of tabular data in a styled HTML table. The code fetches a CSV from a GitHub gist URL using `d3.csv`, then asynchronously loads and summarizes the data by calculating approximate file size in kilobytes, row count, and column count. The table is constructed dynamically using D3's selection and join API (`d3.select`, `.join`, `.text`) to generate headers and cells. Styling is applied via external CSS, featuring a sticky gradient header, zebra striping, and hover effects with an accent bar.

Tt37674473@gmail.com
80% match
Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of Sports List

A horizontal bar chart displays the popularity of sports in 2021, ranking eleven sports by match counts from a CSV dataset. The visualization uses React with D3 v5, employing `d3.csv`, `scaleBand`, and `scaleLinear` to map data to SVG rectangles. Purple bars represent match totals, with axes drawn using `xScale.ticks()` and manual tick text. The chart renders client-side, fetching data from a GitHub gist URL.

SSaiSree0122
80% 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
80% match