Asian Games 2018 Medal Tally customizing the Axes

100%

Asian Games 2018 Medal Tally customizing the Axes

✓ Published0🌍 Public

Last edited Sep 5, 2018

Created on Sep 5, 2018

Forked from Asian Games 2018 Medal Tally

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.

AI-generated description

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

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

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

84% match

Loading thumbnail…

Fork of Customizing Axes

This bar chart displays Olympic medal counts for the top 10 countries, with orange bars labeled by country and an x-axis showing medal totals in abbreviated format. The data comes from a CSV file loaded via `d3.csv`. The visualization demonstrates axis customization using `d3.axisLeft` and `d3.axisBottom` with `d3.scaleLinear` and `d3.scaleBand`, including custom tick formatting, tick lines in green, and rotated labels. The chart renders in SVG with a red title and axis labels styled through CSS.

Nnagamaheswar

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

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

74% match

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

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

72% match

Loading thumbnail…

Customizing Axes

A horizontal bar chart displays the top ten most populous countries in 2018, with China and India leading by a significant margin. The visualization uses D3 v5 to load CSV data and render SVG elements, employing `scaleLinear` and `scaleBand` for positioning, and `axisLeft` and `axisBottom` for the axes. Custom tick formatting converts large numbers into abbreviated units (e.g., "B" for billions), while removed domain lines and styled gridlines highlight the data values.

Sslipperyd

72% match