Skip to main content
SimilarExport ZIP
100%

Bar chart for the olympic medals

✓ Published0🌍 Public
Aakhil kata
Last edited Jun 26, 2022
Created on Jun 26, 2022

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.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017. It also demonstrates customization of D3 axes.

See also the first bar chart visualization that this one builds on: Making a Bar Chart.

MIT Licensed

Similar vizzes

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

Bar hover

A bar chart shows total Olympic medals for the top ten countries, using a dataset from the `@akankshapawar1/olympics` package. D3’s `scaleBand` and `scaleLinear` position the bars, while hover interactions change their fill color between black and gray via React state. The chart includes axis labels and uses d3’s `axisLeft` and `axisBottom` for ticks, with a ResizeObserver for responsive sizing.

AAkanksha
85% 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
84% match
Loading thumbnail…

Chart: Which country has the most Olympic medals?

This bar chart shows the top 10 countries by Olympic medal count, with the United States leading by a wide margin. Built with D3 v5 and rendered as SVG, it uses `scaleLinear` for the x-axis and `scaleBand` for the y-axis, with bars colored steelblue. Data comes from a CSV file listing country and medal counts, with axes generated by `axisLeft` and `axisBottom`.

Ssriramvsharma
82% match
Loading thumbnail…

Winter olympics bar chart

This bar chart shows the top 10 countries by total medals (gold, silver, and bronze) across all Winter Olympics from 1924 to 2018. The data is aggregated from the `@akankshapawar1/olympics` dataset. It uses d3's `scaleBand` and `scaleLinear` to position bars, with axis labels from `@curran/axis-labels`. The visualization renders green bars on a white inner rectangle, highlighting the leading nations' medal counts.

AAkanksha
82% 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…

Fork of Pie Chart

This fork of a pie chart displays the top 10 medal-winning countries from a CSV file of Olympic medal counts, with a legend listing each country’s name and total. The visualization uses D3 v5’s `pie` and `arc` generators to compute and render the SVG paths, while `scaleOrdinal` maps medal values to a categorical color palette. Data is loaded asynchronously via `d3.csv`, and the chart is drawn with SVG circles and text elements in the D3 selection style.

Aakhil kata
81% match
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
80% match