Skip to main content
SimilarExport ZIP
100%

India's Medal Tally in Asian Games 2018

✓ Published0🌍 Public
NNita
Last edited Feb 15, 2019
Created on Sep 3, 2018
Forked from Making a Bar Chart

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.

AI-generated description

This bar chart shows the total medals per country in Asian Games 2018. India's Medal Tally in Asian Games 2018.

MIT Licensed

Similar vizzes

Loading thumbnail…

Asian Games 2018 Medal Tally

This bar chart displays the total medal counts for each country in the 2018 Asian Games, sorted in descending order. It uses D3 v5 with an SVG rendering and a transition that animates the bar widths over two seconds. The visualization employs `scaleLinear` for the x-axis and `scaleBand` for the y-axis, with data loaded from a CSV file and parsed into numeric totals.

NNita
90% match
Loading thumbnail…

Asian Games 2018 Medal Tally customizing the Axes

This bar chart displays the total medal count for each country in the 2018 Asian Games, using the `Total` field from a CSV dataset. The visualization customizes both axes, with a linear scale for the medal totals and a band scale for country names, and sorts the data in descending order. Built with D3 v5, the chart renders as SVG and animates bar widths over two seconds via a transition. The data is sourced from Sportskeeda.

NNita
84% match
Loading thumbnail…

India's Medal Tally in Asian Games 2018 summary

This visualization displays a summary of India’s medal tally from the 2018 Asian Games, presenting the dataset’s total row count, column count, and size in kilobytes. It also prints the first ten rows of the data in a formatted table. The code uses D3.js v5 functions such as `select`, `csv`, and `csvFormat` to load and display the data, with the styling applied through a black background and green monospace text. The data originates from a CSV file hosted on VizHub.

NNita
84% 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
77% match
Loading thumbnail…

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

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.

VVarun Eranki
68% 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
67% match
Loading thumbnail…

ICE-6: Avinash Chinta

A horizontal bar chart displays total medal counts for twelve countries in the Tokyo Olympics, with country names on the y-axis and medal totals on the x-axis. Built with React and rendered as SVG, the visualization uses D3's `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Data is loaded asynchronously from a CSV file via `d3.csv`, and bars are drawn as `rect` elements with a green fill.

Aavinashchinta99
67% match
Loading thumbnail…

Bar Chart Race

An animated bar chart race tracks total Summer Olympic medals earned by each country from 1896 onward. The visualization smoothly interpolates bar positions and widths between yearly data snapshots using D3 transitions applied to SVG rectangles, with a reusable join pattern for entering, updating, and exiting elements. A ticker and axis labels update along with the bars, driven by a data-driven keyframe generator. The chart also displays country name labels and animated value counts by leveraging D3’s `transition` and text-tweening, with a replay button to restart the sequence.

AAniketShahane
67% match