Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published0🌍 Public
Ssriramvsharma
Last edited Jul 11, 2020
Created on Jul 11, 2020

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.

AI-generated description

This bar chart shows the top 10 countries by medal count at the Olympics. Source: Wikipedia

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

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, with circles positioned along a linear x-axis for population values and a point scale y-axis for country names. The visualization uses D3 v6 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom`, rendered as SVG. Data loads from a CSV file via `d3.csv`, with population values converted from thousands. Grid lines, tick formatting, and an axis label enhance readability.

Llarsboergo
82% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, with each country represented as a circle positioned along a linear population scale and a point scale for country names. The visualization uses D3 v5 with SVG rendering, loading data from a CSV file via `d3.csv` and converting population values to numbers. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, including grid lines and a custom tick format that abbreviates large numbers, while the title and axis label are added as text elements.

PPedro Ernesto Tramontina
82% 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
81% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, with each circle representing a country positioned along a linear population scale and a point scale for country names. The visualization uses d3.scaleLinear and d3.scalePoint to map data from the CSV file, with d3.axisLeft and d3.axisBottom generating gridlines and tick labels formatted via d3.format. Circles are rendered as SVG elements, and the chart includes a title and axis label, all styled through CSS.

JJordan Arnold
81% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, with each circle positioned along a linear population scale on the x-axis and a categorical country scale on the y-axis. The visualization uses d3.csv to load the data, then applies d3.scaleLinear and d3.scalePoint for the axes, with d3.axisBottom and d3.axisLeft rendering the gridlines and labels. SVG circles are appended and styled with a steelblue fill, while a title and axis label describe the chart. The axes use tick formatting to abbreviate large numbers.

Sshreyagoddu
81% match