Skip to main content
SimilarExport ZIP
100%

ice7_task2_2

✓ Published0🌍 Public
GGorantla Sravani
Last edited Oct 24, 2025
Created on Oct 24, 2025

A dark-themed SVG line chart displays the average revenue of various sports teams by their founding year. The visualization uses D3 v7 to aggregate data from a CSV file, calculating the mean revenue for each sport per year. Lines are drawn using `d3.line`, with color encoding from `d3.schemeTableau10`. Interactive tooltips appear on hover over data points, showing sport name, year, and average revenue. A legend identifies each sport, rendered within the 800x500 SVG canvas.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ice7_task3

A dark-themed SVG area chart displays the average revenue of a single sports club type—Soccer—by its founding year, using data from a CSV file loaded via `d3.csv` and aggregated with `d3.rollups`. The chart renders a smooth monotone area fill and an overlaid line via `d3.area` and `d3.line`, with axes and labels produced by `d3.axisBottom` and `d3.axisLeft`, while hover tooltips appear on interactive points.

GGorantla Sravani
92% match
Loading thumbnail…

Ice7_task2_1

This pie chart visualizes the revenue share of professional sports clubs, grouped by sport, using data from a CSV file loaded via `d3.csv`. Each slice represents the total revenue in USD millions for a sport, with labels showing the sport name and percentage of total revenue, while a legend displays each sport’s combined earnings. The chart is rendered as an SVG using D3 v7, with `d3.pie` and `d3.arc` generators to compute and draw the slices, and `d3.scaleOrdinal` with `d3.schemeTableau10` for color encoding. Data aggregation is performed using `d3.rollup` and `d3.sum`.

GGorantla Sravani
87% match
Loading thumbnail…

ice7task1

This dark-themed scatter plot compares club revenue against the number of championships won, using color to distinguish sports and bubble size to indicate the club's founding year—older clubs appear as larger circles. The visualization is built with D3.js (v7) and rendered as SVG, loading CSV data via `d3.csv` and `autoType`. It employs `d3.scaleLinear` for axes, `d3.scaleOrdinal` with the Tableau10 scheme for categorical colors, and a reversed `d3.scaleSqrt` for radii. Hovering reveals a tooltip positioned via `d3.pointer`.

GGorantla Sravani
87% match
Loading thumbnail…

Multi-series chart - ICE6

This example shows the top 20 sports clubs by revenue, combining purple bars for revenue (USD Millions) on a left y-axis with an orange line and points for championships won on a right y-axis. Club names run along the rotated bottom x-axis. The visualization uses React with D3 v5’s `scaleBand`, `scaleLinear`, `line`, and axis functions for SVG rendering. Data is loaded from a CSV via `csv`, filtered to remove missing values, and sorted by revenue before display.

BBalaji Dasari
80% 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
79% match
Loading thumbnail…

Q4

This bubble chart visualizes the relationship between sports participation, popularity, and revenue. Each sport from the loaded CSV file is represented as a circle, positioned by participation on the x-axis and popularity on the y-axis, with circle size reflecting revenue and color distinguishing sports. Built with D3.js v6, it uses `d3.scaleLinear` for axes and radius, `d3.scaleOrdinal` for colors, and `d3.axisBottom` and `d3.axisLeft` for axes. Hovering reveals a tooltip with the sport's exact values, rendered as SVG with animated transitions.

HHarshithakodakandla@my.unt.edu
77% match
Loading thumbnail…

Scatterplot - ICE6

This scatterplot shows the relationship between the annual revenue (in USD millions) and the number of championships won for top sports clubs. Each red circle represents a club, with a tooltip revealing the club name and exact values. Built with React and D3 v5, the visualization uses `scaleLinear` for both axes, `axisBottom` and `axisLeft` for ticks, and loads its data from a remote CSV file. The SVG rendering is centered on the page with clear axis labels and a title.

BBalaji Dasari
76% 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
76% match