Skip to main content
SimilarExport ZIP
100%

ice-7 sushmithab scatterplot

✓ Published1🌍 Public
Ssushmitha bungatavula
Last edited Oct 26, 2025
Created on Oct 24, 2025

This interactive scatter plot visualizes IPL team performance from 2015 to 2024, showing the relationship between year and points scored for each team. Each point is color-coded and shape-coded by team, with hover tooltips revealing detailed statistics. The visualization uses D3.js v7 with SVG rendering, employing d3.scaleLinear for axes, d3.scaleOrdinal for color and shape encoding, and d3.symbol for varied point markers. Data is loaded from a remote CSV file containing team performance records. The chart includes custom team colors, a legend, and smooth hover interactions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ice-7 sushmithab pie chart

This pie chart visualizes the distribution of total points accumulated by IPL teams from 2015 to 2024, aggregated from a CSV dataset. Each slice represents a team’s share of the overall points, with percentage labels displayed directly on the chart and a legend listing each team’s total points and percentage. The visualization uses D3.js v7, employing the `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs to generate the circular layout and color scheme. The chart is rendered as an SVG and includes a legend, with data loaded via `d3.csv`.

Ssushmitha bungatavula
88% match
Loading thumbnail…

Fork of ice-7 sushmithab line chart

This line chart visualization displays IPL team points across seasons, with each team represented by a colored line and interactive data points. D3.js (v7) loads CSV data from a GitHub gist via `d3.csv`, processes it with `d3.group` to nest records by team, and renders the chart using SVG elements. The visualization includes axis labels, a legend, and tooltips on mouseover, built with D3 scales (`scaleLinear`, `scaleOrdinal`), axes, and the `line` generator. Circle markers use event handlers for hover interactions, while animations appear through D3 transitions on tooltip opacity changes.

Ssushmitha bungatavula
88% match
Loading thumbnail…

Fork of Fork of ice-7 sushmithab area chart

This area chart visualizes IPL team performance by plotting points scored against year, with each team represented as a filled area using custom colors. The chart groups data by team using `d3.group` and renders areas with `d3.area`, while tooltips on hover reveal team, year, and points. It leverages D3 v7 scales (`scaleLinear`, `scaleOrdinal`), axes, and a legend, loading CSV data from a gist. The visualization includes SVG rendering and interactive tooltip transitions, with animation implied through hover interactions.

Ssushmitha bungatavula
88% match
Loading thumbnail…

Fork of ice-7 sushmithab pie chart

This pie chart visualizes the distribution of total points earned by IPL teams from 2015–2024, using data loaded via `d3.csv` from a GitHub gist. D3 v7’s `d3.pie` and `d3.arc` generate the SVG slices, labeled with each team’s percentage. A `d3.scaleOrdinal` with `d3.schemeTableau10` assigns colors, and a custom legend lists each team’s points and share. The chart updates dynamically when new CSV data is parsed, with slices and legend rendered inside a single SVG container.

Kkoppulasudhakar03@gmail.com
85% match
Loading thumbnail…

Fork of Fork of ice-7 sushmithab pie chart

This pie chart visualizes the distribution of total points accumulated by IPL teams from 2015 to 2024. It displays each team's slice with its percentage label directly on the arc, alongside a legend showing team names, raw point totals, and percentages. The visualization loads data from a remote CSV file using `d3.csv`, aggregates points per team, and renders the pie chart as SVG using `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with a Tableau10 color scheme.

Kkoppulasudhakar03@gmail.com
83% match
Loading thumbnail…

pie chart ICE 7

This pie chart visualizes the distribution of total points accumulated by IPL teams from 2015 to 2024, using a CSV dataset loaded via `d3.csv`. Each slice represents a team’s aggregate points, with percentage labels positioned using `d3.arc` centroids and a color-coded legend rendered inside the SVG. The chart uses `d3.pie` and `d3.arc` to generate the slices, while `d3.scaleOrdinal` with `d3.schemeTableau10` assigns colors, all built with D3 v7 and SVG.

Aadithiarikatla@gmail.com
82% match
Loading thumbnail…

ICE-7 Scatter plot

This example visualizes Test Cricket player statistics with a scatter plot that maps runs against batting averages, animating through different data fields every three seconds to explore relationships between metrics like strike rate and innings played. The visualization uses D3.js version 6.7.0, employing the `scaleLinear` and `scaleOrdinal` functions for positioning and color encoding, while SVG symbols represent player types. Data from a CSV file hosted on GitHub Gist is loaded asynchronously, with circles colored by country and shaped by player role. The reusable chart module implements a configurable API, cycling through four quantitative fields on the x-axis.

Mmedurisk7@gmail.com
82% match
Loading thumbnail…

Activity6_Q3.1

This scatter plot visualizes IPL batting data, showing the relationship between total matches played and total runs scored for individual players. Each circle represents a player, colored by team affiliation, with hoverable details revealing their country, average, and innings played. The visualization uses D3 v6 with SVG rendering, employing `d3.scaleLinear` for axes, `d3.extent` for domain calculation, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color assignment. Data is loaded asynchronously via `d3.csv` from a GitHub-hosted IPL dataset.

Nnikhithadadi@my.unt.edu
79% match