Skip to main content
SimilarExport ZIP
100%

Task9_Question1

✓ Published1🌍 Public
Aanusharamana0@gmail.com
Last edited Apr 26, 2024
Created on Apr 26, 2024
Forked from HTML Starter

This example displays a pie chart of the top 15 run-scorers in the 2022 IPL season, sourced from a CSV file hosted on GitHub. The visualization uses D3 v5 to load and parse the data, sort it by runs, and render the chart with SVG paths. It employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `schemeCategory10` for coloring, adding a legend with rectangles and labels. Mouseover events log player names to the console.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7_Question1

A pie chart visualizes the number of matches played by the top 15 IPL cricketers, sorted by their runs. The visualization uses D3 v5 to render SVG paths and legend items, with colors assigned via `d3.scaleOrdinal` and `d3.schemeCategory10`. Data is loaded from a CSV file hosted on GitHub, then sorted and sliced for display. The chart includes interactive mouseover logging, and the legend displays player names alongside their match counts.

Ssunny.musku2631@gmail.com
86% match
Loading thumbnail…

Task_9_Question_1

A pie chart displays the distribution of pitch types in baseball, with each slice representing a pitch name and sized by its total pitch count. The chart uses a D3 v6 selection to append SVG paths and text labels, with a d3.scaleOrdinal color scheme for slice differentiation. Data is loaded from a remote CSV file via d3.csv, and the pie layout (d3.pie) and arc generator (d3.arc) calculate the slice geometry, with labels positioned at arc centroids.

Jjordanwolfe2@my.untdallas.edu
79% match
Loading thumbnail…

Task9&10_Question1

A pie chart displays annual car sales for different companies in India, with each slice labeled with its sales value in thousands and a corresponding color-coded legend listing company names and values. The visualization loads CSV data from a GitHub gist using `d3.csv` and renders the chart as SVG. It employs `d3.pie` and `d3.arc` to generate the pie segments, `d3.scaleOrdinal` for color mapping, and custom formatting with `d3.format` to abbreviate sales numbers.

Kkondaveeti.bhargavi7780@gmail.com
78% match
Loading thumbnail…

task_9 question 1

This example displays a pie chart of total COVID-19 cases by country, sourced from a remote CSV file. It uses D3 v6 to load the data via `d3.csv` and generates the chart with `d3.pie` and `d3.arc`, rendering slices as SVG paths. The visualization includes color-coded slices using `d3.schemeCategory10` and a legend with rectangles and text labels. The SVG output is centered and styled with a white background and shadow.

Bbudalavijay2001@gmail.com
78% match
Loading thumbnail…

Activity-7

This example presents a pie chart that visualizes the distribution of cricket players by their home country, using data aggregated from top test cricket records. Built with D3 v5, the chart slices represent the player counts, with each section labeled and colored via a categorical scale. The visualization employs D3's `pie` layout, `arc` generator, and `scaleOrdinal` for color assignment, while a custom legend displays both country names and player totals. The SVG-based chart is rendered on a canvas, with a title and subtitle indicating the dataset's theme.

Aadapasaidivya99@gmail.com
78% match
Loading thumbnail…

Cricket - Pie Chart

This pie chart visualizes the distribution of runs scored by cricket players, with each slice representing an individual player. The chart uses D3.js v6 with an SVG rendering approach, loading data from a CSV file and applying an ordinal color scale. Interactive tooltips appear on hover, and slice labels display player names directly on the chart. A legend translates additional player information alongside the pie, providing a complete overview of the dataset's run values.

Ssrisailapu.rc@gmail.com
77% match
Loading thumbnail…

Cricket_Pie Chart

This pie chart displays the cricket performance of five players based on their total runs, with each slice colored and labeled by player name, and a legend positioned to the right. Hovering over a slice triggers a tooltip that reveals the player’s runs and career years. Built with D3 v7, the visualization uses `d3.pie` and `d3.arc` to generate the chart, `d3.scaleOrdinal` with `schemeCategory10` for colors, and SVG rendering. The hardcoded sample dataset includes players like Sachin and Virat, while the tooltip is implemented via mouse events.

Ssrisailapu.rc@gmail.com
77% match
Loading thumbnail…

task 8 task 3

This visualization shows a scatter plot of Test Cricket Records, plotting runs scored against matches played for various players. Each circle represents a player, colored by a categorical color scale, with axes labeled for matches and runs. The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and process data from a GitHub-hosted CSV file, then renders SVG circles with tooltip-ready attributes. The plot size adapts to the window dimensions, and axis labels are positioned with rotation for the y-axis.

Jjaswanthichowdarykalapala@my.unt.edu
77% match