Skip to main content
SimilarExport ZIP
100%

Act 6_Tutorial3_Question6

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

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.

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…

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
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
81% 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
81% match
Loading thumbnail…

ICE-6 Scatter Plot

This animated scatter plot visualizes Olympic medal data for top countries, showing the relationship between total medals and gold, silver, or bronze counts. The visualization cycles through different x-axis variables using a setInterval, dynamically updating the scatter plot and axis labels. Built with D3.js version 6.7.0, it uses SVG rendering with custom color-coded markers for USA, China, and Japan. The implementation leverages D3's csv loader, scaleLinear for axes, and custom circle attributes for elliptical data points.

BBhanuMotupalli
81% match
Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot displays Olympic medal data, comparing each country’s total medals against its bronze medal count. Each circle’s fill color encodes the country (orange for USA, blue for China, green for Japan, black otherwise), while the circle’s `rx` and `ry` attributes visually encode gold and silver medal counts, respectively. Built with React and D3 v6, it loads CSV data, uses `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` for axes, and renders SVG circles via `select` and `.join`. The plot includes rotated axis labels for silver and gold medals.

BBhanuMotupalli
80% match
Loading thumbnail…

Fork of Simple Scatter Plot

This example visualizes Olympic 2021 medal counts, plotting gold medals against total medals for each country. It uses D3 v7, with `scaleLinear` and `extent` to map data, `axisLeft` for the y-axis, and custom `xAxis`/`yAxis` helpers. Circles are rendered with `selectAll().join('circle')`, sized and colored via attributes. The underlying CSV is fetched with `csv()` from D3. A gray `innerRectFill` background and axis labels highlight the correlation between gold and overall performance.

Wwkj0713@gmail.com
79% 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
79% match
Loading thumbnail…

Scatter Plot

A scatter plot ranks the top ten countries by their all-time Olympic medal counts, with circles positioned along a linear scale for medal totals and a categorical axis for country names. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to construct the SVG chart, with data loaded from a CSV file. Grid lines extend across the plotting area, and the title highlights the dataset's focus on Olympic medal hauls.

Ssriramvsharma
77% match