Skip to main content
SimilarExport ZIP
100%

Visualization of India's Olympics Participation in various events by year and season

✓ Published0🌍 Public
VVarun Eranki
Last edited Sep 18, 2020
Created on Sep 14, 2020

This visualization maps Indian athletes' Olympic participation across sports and years, with each circle representing an athlete. The x-axis encodes the Olympic year, the y-axis lists the sport, circle size reflects the athlete's age, and color distinguishes between Summer and Winter Games. Hovering reveals the athlete's name. The chart is built using the Vega-Lite API on top of D3, pulling data from a CSV of Indian Olympic athletes originally sourced from Kaggle. Styling is customized via a configuration object that adjusts axis labels and fonts.

AI-generated description

A visualization of Indian Athletes Participation by age and events in Olympics constructed using the vega-lite-api. The Olympic Athletes Performance data (only Indian Athletes) has been used for this visualization. This dataset contains the Indian Athletes' Olympic Performance Records ever since the games began. Dataset obtained from Kaggle (subset of this dataset).

MIT Licensed

Similar vizzes

Loading thumbnail…

Polished Scatter Plot with Menus on Indian Olympic Athletes Dataset

This interactive scatter plot explores the attributes of Indian Olympic athletes, allowing users to dynamically select which variables to plot on the X and Y axes from dropdown menus. The visualization displays each athlete as an orange circle, with axis labels updating to reflect the chosen attributes. Built with React and D3.js (v5), the code uses `scaleLinear`, `extent`, and `csv` from D3 for data processing and scaling, while custom React components render the SVG axes and marks. The dataset, sourced from Kaggle and loaded via a GitHub URL, is parsed and converted to numeric values before plotting.

VVarun Eranki
77% match
Loading thumbnail…

India Medals Scattor Plot

A scatterplot displays India's Olympic medal counts across sports, plotting Gold medals on the y-axis and Silver on the x-axis, with Bronze counts encoded by point color. Circles appear sequentially with a staggered delay, animating into place over one second using D3's `.transition()` API. The visualization uses D3 v5's `scaleLinear`, `axisLeft`, and `axisBottom` for axes, rendering as SVG. Data originates from a CSV file listing medal totals per sport, though the title incorrectly references "Cars: Horsepower Vs. Weight," indicating a copy-paste error.

NNita
74% match
Loading thumbnail…

Fork of Version two: Top Athletes

This bar chart displays the top 40 Olympic athletes ranked by total medal count, with each bar color-coded by medal type. Hovering reveals a tooltip with athlete name, country, year, event, and medal. The visualization is built using vega-lite-api with d3.csv for data loading, aggregating athlete totals, and filtering the dataset. The underlying data comes from a Kaggle Olympic Games dataset, and the chart uses Vega-Lite's markBar and count aggregations with a custom tooltip handler.

NNikithakatta30
73% match
Loading thumbnail…

John Berlin CS725 Information Visualizatoin

This visualization presents Summer Olympic data as two interactive charts. A scatter plot maps the number of male and female participants on its axes, with circle area encoding total participants. A bar chart shows the number of countries per Olympic year, with each bar colored by the hosting country. The implementation uses D3.js version 3 to render SVG elements and axes, reading data from a JSON file derived from sports-reference.com, with tooltips and animations enhancing the display.

NN0taN3rd
72% match
Loading thumbnail…

Winter Olympics Participants

This interactive scatter plot shows the number of countries participating in the Winter Olympics each year from 1924 to 2018. Each circle represents a medal-winning country at a specific Games, with its vertical position reflecting the total participant count for that year. The visualization uses D3.js scale functions and axis components to render the chart, while the data aggregation logic, which counts unique countries per year via JavaScript Set objects, is embedded in the main module. The dataset originates from Kaggle, and the code relies on the `@curran/axis-labels` library for axis annotation.

AAkanksha
72% match
Loading thumbnail…

Version two: Top Athletes

This interactive bar chart displays the top 40 Olympic athletes and their medal counts. Each bar represents an athlete, with bar length indicating total medals earned. Hovering over a bar reveals a tooltip with the athlete’s name, country, year, event, and medal type. Built with Vega-Lite and rendered through the vega-lite-api, the visualization uses data sourced from a Kaggle Olympic Games dataset. The chart supports filtering and sorting by medal count, with color encoding distinguishing medal types.

RRuofan Chen
71% match
Loading thumbnail…

Winter Olympics Participants - Iterate

This visualization displays the number of participant countries in each Winter Olympics from 1924 to 2018, with each circle representing a year. The code computes participant counts by aggregating unique country names per year using a JavaScript `Set` within a `reduce` operation. It uses D3.js scales and axes to map years and counts, and renders circles with a fixed radius and reduced opacity to show the trend. Data comes from a Kaggle dataset of Winter Olympic medals.

AAkanksha
71% match
Loading thumbnail…

Version three: Top Athletes

This interactive bar chart highlights the top 40 Olympic athletes by total medal count, with each bar colored by medal type (gold, silver, bronze). Hovering reveals the athlete’s name, country, year, event, and medal via a tooltip. Built with Vega-Lite API and D3 v5, it loads CSV data from a GitHub gist derived from Kaggle’s Olympic dataset, computes totals in `getData`, and renders the visualization using vega-tooltip for interactivity.

RRuofan Chen
70% match