Scatterplot - ICE6

100%

Scatterplot - ICE6

✓ Published0🌍 Public

Last edited Oct 20, 2025

Created on Oct 20, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

83% match

Loading thumbnail…

ICE-6 Yearly Sales Scatter Plot

A scatter plot displays yearly sales data as steelblue circles, with orange highlighting on hover. The chart maps the Year and Sales fields from a CSV file onto linear scales, with axes labeled accordingly. Built with D3 v7 in a React environment, the visualization uses `d3.csv` to load data, `scaleLinear` and `extent` for scaling, and `axisBottom`/`axisLeft` for axis generation, rendered as SVG circles sized at a fixed radius.

Aarchanagoli@my.unt.edu

80% match

Loading thumbnail…

Data Visualization - ICE-6 - Bar chart

This bar chart displays the total revenue, in millions of dollars, of the world’s top 10 highest-earning athletes, with each bar labeled by the athlete’s name along the vertical axis. The visualization uses React to render an SVG and D3’s `scaleBand`, `scaleLinear`, and `csv` to load and map the data from a remote CSV file. Axes are custom-drawn using D3’s `ticks()` method, with manual positioning of tick labels and lines, while the chart itself highlights red bars with blue text and a red axis grid.

SSravan1888

78% match

Loading thumbnail…

ICE-6 ScatterPlot

This interactive scatter plot displays individual match points against total career points for players, with each point’s color corresponding to their Hogwarts house. Built with React and D3 v7, it loads tabular data via `d3.csv` and renders circles as SVG elements. The axes are generated using `d3.axisBottom` and `d3.axisLeft`, while linear scales (`d3.scaleLinear`) map the data domains to pixel ranges. The visualization highlights house-based distributions in the dataset, which is fetched from a GitHub gist.

Hhasinipriyad7@gmail.com

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

77% match

Loading thumbnail…

ICE - 6 Task 1

This interactive bar chart visualizes the top ten clubs in the Champions League by their points. The horizontal bars are rendered as SVG rectangles using React, with their lengths proportional to each club's score. The visualization uses a D3 linear scale for the x-axis and a band scale for the categorical y-axis, from data loaded via `d3.csv` from a GitHub Gist. Grid lines and tick labels are generated from the scales, and the chart is titled "Top ten Clubs in champions league".

Ssandeep-gollamudi

77% match