India Medals Scattor Plot

100%

India Medals Scattor Plot

✓ Published0🌍 Public

Last edited Sep 5, 2018

Created on Sep 5, 2018

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.

AI-generated description

This Scattor Plot shows relation between Horsepower and weight of the cars. The data comes from UCI Machine Learning Repository UCI Machine Learning Repository 2017.

MIT Licensed

Similar vizzes

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

81% match

Loading thumbnail…

Scatter Plot

Ssriramvsharma

81% match

Loading thumbnail…

D3 Scatter Plot - Olympic Medals Count Dataset - Sitanshu Rupani

This scatter plot shows the relationship between each country’s Summer Rank and Overall Rank in the Olympic Medals Count Dataset. Each circle represents a country, positioned by its summer and overall ranks on linear scales. The visualization is rendered as SVG using D3 v6, which loads the data via `d3.csv` and constructs axes with `scaleLinear`, `axisLeft`, and `axisBottom`. The plot uses a fixed radius for all points and fits the chart to the full browser window dimensions.

SSitanshu Rupani

78% 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

78% match

Loading thumbnail…

India's Medal Tally in Asian Games 2018

This interactive bar chart depicts India's medal tally by sport from the 2018 Asian Games, ordering sports by total medal count. Built with D3 v5, it animates bar widths over two seconds using the `transition` method, with yellow bars outlined in green. The chart uses `scaleLinear` for the x-axis and `scaleBand` for the y-axis, rendering SVG elements. Data is loaded from a local CSV file and sorted in descending order.

NNita

77% match

Loading thumbnail…

Reusable Scatter Plot

This interactive scatter plot visualizes Olympic medal data, mapping bronze medal counts against total medals while using circle size and color to indicate gold and silver medal tallies for the USA, China, and Japan. Built with React and D3, the visualization uses an animated `setInterval` to rotate through different x-axis columns, including total, silver, and bronze medals. The code leverages D3's `csv` loader, `scaleLinear`, `axisLeft`, and `axisBottom` APIs to render SVG circles and axes, with a custom legend and country-based color coding.

MManoj Kolluri

76% 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

75% match

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

75% match