Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Sports dataset ICE-5 Assignment

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

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.

AI-generated description
MIT Licensed

Similar vizzes

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
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
89% 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
88% 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
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…

Fork of ICE 6

This visualization displays the popularity scores of the top 120 athletes as a horizontal bar chart, with athletes sorted in descending order and sampled x-axis ticks to manage label clutter. It uses D3 v7 APIs including `scaleBand` for the categorical axis, `scaleLinear` for the score range, and `axisBottom` and `axisLeft` for tick generation. Data is loaded from a remote CSV file via `d3.csv` with `d3.autoType` coercion, and bars are rendered as SVG rectangles with tooltips showing each athlete’s name and score.

Ssarasaketh3@gmail.com
83% match
Loading thumbnail…

Fork of Fork of Fork of Sports List

A horizontal bar chart displays the popularity of sports in 2021, ranking eleven sports by match count. The visualization uses React with D3.js v5, loading data from a CSV file and rendering the chart as an SVG. D3's `csv` function parses the data, while `scaleBand` and `scaleLinear` position bars and axes. The bars themselves are SVG rectangles filled with purple, and the chart includes axis ticks and labels generated with D3's `scaleLinear` and `scaleBand` methods.

NNaimisha-M
83% 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
82% match