ice7_task3

100%

✓ Published0🌍 Public

Last edited Oct 24, 2025

Created on Oct 24, 2025

Forked from Fork of Fork of Fork of ICE7 - AREA CHART VEENA

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ice7_task2_2

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.

GGorantla Sravani

92% 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

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

86% match

Loading thumbnail…

ICE7_Area_chart

This area chart visualizes soccer data with previous points plotted over time. It uses D3 version 6, specifically `scaleTime`, `scaleLinear`, and the `area` generator with `curveBasis` to create a smooth filled path. The SVG rendering includes styled axes with tick marks and labels, and the data is loaded from an external CSV via `csv()`.

DDeeraj Thakkilapati

81% 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

79% 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

77% match

Loading thumbnail…

Bar - Chart for ICE6

A horizontal bar chart ranks the top sports clubs by revenue in millions of US dollars, using data from a CSV file. Built with React and D3 v5, it sorts clubs descending by revenue via `d3.csv` and `scaleBand`/`scaleLinear`, rendering SVG rectangles. The chart features a fixed, scrollable bar area with a sticky y-axis label, synced scrolling through React state and the `onScroll` event, plus D3 axes (`axisLeft`, `axisBottom`) with gridlines.

BBalaji Dasari

77% 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

76% match