Skip to main content
SimilarExport ZIP
100%

Act6_Q2

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

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.

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…

Bar chart for the olympic medals

This bar chart shows the number of Olympic medals won by the top 10 countries, with countries on the y-axis and medal counts on the x-axis. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. Axes are customized using `d3.axisLeft` and `d3.axisBottom`, with grid lines and a custom tick format. Data is loaded asynchronously via `d3.csv` from a GitHub gist, and the chart includes axis labels and a title.

Aakhil kata
86% 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
85% match
Loading thumbnail…

Olympic Data stacked Bar Graph

This stacked bar chart displays Olympic medal counts by country, with each bar segmented into Gold, Silver, and Bronze using a D3 ordinal color scale. Hovering over the interactive side legend highlights the corresponding medal segment across all bars while dimming others. The visualization relies on D3's `flatRollup` and `stack` utilities for data aggregation and stacking, with axes generated by the `@curran/responsive-axes` library.

AAkanksha
83% match
Loading thumbnail…

Simple bar chart

A simple bar chart displays the total medal counts for the top ten countries from the `ice6.csv` dataset. Purple, semi-transparent rectangles represent each country’s total, with country names on the y-axis and a numeric scale on the x-axis. The visualization is built with D3 v5, using `scaleBand` for the categorical y-axis and `scaleLinear` for the continuous x-axis. The SVG is rendered from a `bundle.js` file, with the `csv` function to load data and `axisLeft`/`axisBottom` to draw the axes.

Ss-pranathi
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…

Task-8

This visualization shows Olympic medal counts by country using an interactive stacked bar chart. Hovering over the color legend highlights the corresponding medal category and dims the others. The chart uses D3’s `scaleLinear`, `scaleBand`, and `stack` to create bars, with a `flatRollup` grouping data by country and medal type. A custom `colorLegend` module handles mouse interactions, adjusting opacity and stroke width. The data source is `transformedData` from an external module, rendered responsively with `observeResize`.

Rravularasesh3102@gmail.com
81% match
Loading thumbnail…

Bar chart

A horizontal bar chart displays Olympic medal counts for ten countries, sourced from data.csv. Using the React framework and D3 v5, the visualization maps medal counts to bar widths via a linear scale and country names to vertical positions via a band scale. The SVG rendering includes axes created with axisLeft and axisBottom, with bars styled as rect elements. Data is loaded and parsed asynchronously with csv, converting medalCount values to numbers for quantitative scaling.

KKams2015
81% match
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
81% match