Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_Task4_q9

✓ Published0🌍 Public
Lleelakrishnadivi7@gmail.com
Last edited Oct 23, 2024
Created on Oct 23, 2024
Forked from Activity6_Task4

This bubble chart shows the relationship between runs scored, lifespan, and medals won for a set of players, using bubble size to represent medal count. It also reveals player identity through color-coding. The visualization is rendered as an SVG using D3 v7, with axes for runs and lifespan, a legend, and interactive tooltips that display each player’s specific data on hover. It also includes an animated transition for the tooltip.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question4

This animated bubble chart visualizes the relationship between runs scored, lifespan, and medals won for ten named players. Each circle’s x-position corresponds to runs, y-position to lifespan, while its radius encodes medals won and its color identifies the player. Built with D3 v7, the chart reads from a local CSV and renders as SVG, featuring interactive tooltips on hover that display the player’s exact stats. A categorical color legend maps each player to a distinct hue, and all axes are labeled with linear scales.

Rrishithagovini99@gmail.com
89% match
Loading thumbnail…

Task6_Q4

This interactive bubble chart visualizes the relationship between an athlete's age, points scored, and the number of gold medals they have won. Each circle's position on the x- and y-axes corresponds to points and age, while its radius encodes medal count, and its color identifies the individual athlete. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, and `d3.scaleOrdinal` with the `schemeCategory10` palette for coloring. Hovering over a bubble triggers a tooltip showing detailed data for that athlete, and a legend maps colors to names. The data is loaded from a local CSV file.

Ssaiteja.cse.rymec@gmail.com
83% match
Loading thumbnail…

Fork of Activity_6_Task2_Q2.3

A bubble chart renders car brand data as horizontal stacked bars, with each bar segmented by attribute (horsepower, torque, and highway MPG). The visualization uses D3 v7’s `scaleLinear`, `scaleBand`, `scaleOrdinal`, and `stack` APIs to position and color the segments. Data is loaded from a local CSV file, and the SVG output includes interactive tooltips. The chart is implemented directly in an HTML page with embedded JavaScript, applying a custom color palette and formatting values to two decimal places.

Pparvathi829790@gmail.com
76% match
Loading thumbnail…

Activity6_Task4_Question

This example shows a bubble chart of badminton tournaments, plotting total prize money on the x-axis against the number of players on the y-axis, with bubble size encoding tournament popularity and color encoding location. It renders as an SVG using d3.csv to load the tournament data and d3.scaleLinear, d3.scaleSqrt, and d3.scaleOrdinal to create the axes, bubble radii, and color mapping. The chart includes rotated x-axis labels, axis titles, and a custom legend listing each tournament with its corresponding location and color.

VVarshith Peddineni
76% match
Loading thumbnail…

Act6_Q4.9

A bubble chart displays Paralympic medal counts by country, plotting total medals on the x-axis and gold medals on the y-axis. Circle size encodes total medals, while color distinguishes countries, with a legend listing all nations. The visualization uses D3 v7’s selection methods and scaleOrdinal for color mapping, plus linear scales for positioning and radius. Animated tooltips reveal silver and bronze counts on hover. Data comes from the provided CSV file, rendered as SVG circles with mouseover and mouseleave event handlers for interactivity.

Ggalijawaharnath@gmail.com
75% match
Loading thumbnail…

activity6-q3

This animated scatter plot visualizes Test Cricket player records, plotting runs against batting average with SVG symbols colored by country. The chart cycles through different x-axis metrics—runs, average, strike rate, and innings—every three seconds using `setInterval`. Built with D3.js (v6.7.0), it uses `scaleLinear`, `axisLeft`, `axisBottom`, and a custom `scatterPlot` function implementing the reusable chart pattern. Player types are distinguished by geometric symbols from `d3.symbol`, with data loaded from a CSV file hosted on GitHub Gist.

Llingaladineshteja23@gmail.com
75% match
Loading thumbnail…

Fork of Activity6_Question_4

This fork of Activity6_Question_4 presents two visualizations: an SVG bubble chart of car makes comparing average torque, horsepower, and highway MPG, and an SVG scatterplot of countries plotting GDP per capita against life expectancy, with bubble size encoding population. The first chart uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.interpolateTurbo for color, and tooltip events. The second uses d3.scaleSqrt for radii and mouseover color changes. Both load data from CSV files (bubblechart.csv, Nation_General.csv) and render with d3.v7 into SVG elements.

Aadityatrip9899@gmail.com
75% match
Loading thumbnail…

Activity6_q4

A bubble chart visualizes fertility, life expectancy, and population size for countries, using circle position for the first two variables and radius for population. The chart includes a color-coded legend by country and interactive tooltips that display the country name on hover. Built with D3 v7, it loads CSV data, renders SVG circles, and uses D3 scales for axes, bubble size, and ordinal color mapping with the interpolateTurbo color scheme.

Cchinnivikramnunna@gmail.com
74% match