Version two: 2012 medal count versus log(GDP)

Version three: 2012 medal count versus log(GDP)

This scatter plot displays the relationship between a country's logged total GDP and its 2012 Summer Olympic medal count, revealing a positive linear trend where wealthier nations tend to win more medals. Each red circle’s size encodes the country’s 2015 population, with hover tooltips showing country names. The visualization is built with vega-lite-api, vega-lite, and vega-tooltip, using D3’s csv parser to load and transform data from a public GitHub gist. Data is aggregated by athlete, not event, and GDP is calculated by multiplying the 2015 population by per-capita GDP.

95% match

Version one: 2012 medal count versus GDP

This scatter plot shows 2012 Summer Olympics medal counts versus each country’s total GDP, revealing a positive linear relationship. Hovering over a circle displays the country name via a tooltip. The visualization is built using the Vega-Lite API, with data parsed from a CSV using D3’s `csv` method and GDP calculated by multiplying population by per-capita GDP. The data originates from Guardian Olympic data on Kaggle, aggregated to count medal-winning athletes rather than events.

94% match

Version two: Gold Medal by Country

This interactive line chart displays the number of gold medals won by a selected country in the Summer and Winter Olympics from 2000 to 2014, with the data sourced from Kaggle. Using D3 v4, the visualization renders two lines per country—one for each season—which can be highlighted in red via a dropdown menu. A second dropdown allows users to switch between countries, with the y-axis dynamically rescaling to accommodate each nation’s medal totals. The SVG paths are generated with `d3.line` and animated transitions update the chart.

72% match

Version one: Summer Olympics Gold Medal Count For Selected Country

This interactive line chart displays the Summer Olympics gold medal count for a selected country between 2000 and 2012, highlighting performance trends across four Olympic games. A dropdown menu lets users choose among all countries represented in the dataset, which is sourced from Kaggle’s Olympic Games data. The visualization uses React for the dropdown interface and D3 v5 for rendering SVG paths via `d3.line` and `d3.scaleLinear`. Each line connects four data points, and a `colorLegend` component identifies the current country. The chart updates dynamically on selection change, removing and redrawing axes and lines.

Vega-Lite API Template

This scatterplot displays the relationship between happiness score and logged GDP per capita for countries in the 2020 World Happiness Report, with point color encoding regional indicator and size representing healthy life expectancy. Tooltips reveal country name, happiness score, and GDP per capita on hover. The visualization is built using the vega-lite-api library, which wraps Vega-Lite’s declarative syntax, while D3’s `csv` function loads the external dataset. The chart automatically fits the window dimensions and uses a custom configuration to adjust axis and label styling.

AAnurag Desai

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

Scatter Plot

Ssriramvsharma

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.