Skip to main content
SimilarExport ZIP
100%

Act6_Q4.9

✓ Published0🌍 Public
Ggalijawaharnath@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Act 6_Tutorial3_Question6

This scatter plot visualizes the relationship between Gold and Silver medal counts for countries in the 2024 Paralympics. Each point represents a country, with colors indicating performance tiers: gold for over 30 gold medals, silver for over 10, and dark blue for others. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`. Data is loaded from a GitHub-hosted CSV, and SVG circles include tooltips with country details.

Ggalijawaharnath@gmail.com
86% match
Loading thumbnail…

Act6_Q2

This visualization displays the top 10 countries by total Olympic medal count using a horizontal stacked bar chart. Each bar represents a country’s medal distribution across gold, silver, and bronze categories. Built with D3 v7, the code uses `d3.stack`, `d3.scaleLinear`, `d3.scaleBand`, and `d3.scaleOrdinal` to structure and color the data, while `d3.axisLeft` and `d3.axisBottom` render the axes. A hover tooltip shows exact medal counts per category. The data comes from the provided `paradata.csv` file.

Ggalijawaharnath@gmail.com
85% 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
82% match
Loading thumbnail…

question1act7

This example shows the distribution of Olympic medals by country using a pie chart, where each slice represents a country’s total medal count (Gold, Silver, and Bronze). The visualization uses d3.pie and d3.arc to compute and draw the chart, with d3.scaleOrdinal and d3.schemeCategory10 assigning distinct colors to each segment. A legend is appended using SVG rectangles and text, while the data is fetched from a CSV URL via d3.csv. The SVG canvas is 960 by 500 pixels, and the chart is centered within it.

Ggalijawaharnath@gmail.com
82% match
Loading thumbnail…

401 E5

This example visualizes Olympic medal counts for nine countries as a scatterplot, with gold medals mapped to the x-axis and silver medals to the y-axis. Each circle’s radius scales with the square root of the Euclidean distance between the two medal values, while its fill color blends the gold and silver counts into an RGB value. The SVG is built dynamically using D3 version 6’s data join, with `selectAll`, `data`, and `enter` appending circles, and the dataset is hardcoded within the HTML script rather than loaded from an external file.

DDebaliena
80% match
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
79% match
Loading thumbnail…

Activity6_question3

This interactive stacked bar chart displays the medal counts for different countries, with each bar segmented by medal type (Gold, Silver, Bronze). Users can hover over the color legend to highlight the corresponding segments within the chart, dimming the others. The visualization uses D3.js to construct the chart, employingscaleOrdinal for color assignment and a custom colorLegend to manage interactive filtering. Hovering over a legend item adjusts the stroke and opacity of the matching bar segments, providing a clear and engaging way to explore the data.

Aanushapodapati99@gmail.com
78% match
Loading thumbnail…

Choropleth Map

An interactive choropleth map shades countries by the average number of Olympic medals won, with a dropdown menu to switch between gold, silver, and bronze. D3 v6 drives the visualization, using `d3.geoMercator` and `d3.geoPath` to project GeoJSON country boundaries, while `d3.scaleThreshold` maps medal counts to color scales like `d3.schemeOranges`. Hovering highlights a country and displays a tooltip with its name and medal total. Data comes from a CSV of Olympic medal summaries, rendered as SVG with animated opacity transitions.

AAniketShahane
77% match