Fork of Fork of Olympic Swimming Project - 0.4

100%

Fork of Fork of Olympic Swimming Project - 0.4

✓ Published1🌍 Public

Last edited Nov 17, 2024

Created on Nov 17, 2024

Forked from Fork of Olympic Swimming Project - 0.3

This interactive bar chart displays the number of gold medals won by the top 10 countries in a selected Olympic swimming event, based on data from the 2020 Tokyo Olympics. Users can choose an event—such as a stroke, distance, or relay—via a dropdown menu, which updates the chart and its title. The visualization also includes a tooltip showing the fastest male and female swimmer for each country, along with their medal counts. Built with D3.js, the visualization uses `scaleBand` and `scaleLinear` for the chart layout, `scaleOrdinal` for color coding, and interactive details-on-demand tooltips.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Olympic Swimming Project - 0.3

This interactive bar chart displays the number of gold medals won by the top ten countries for a selected Olympic swimming event. A dropdown menu lets users choose among events like 100m Freestyle or 200m Breaststroke, and the chart updates accordingly. The visualization uses d3's `scaleBand` and `scaleLinear` for axes, `select` for DOM manipulation, and bar marks with hover states that dim non-hovered bars. Data comes from the included CSV file containing medal results from the Tokyo 2020 Olympics.

AAri Schechter

95% match

Loading thumbnail…

Olympic Swimming Project - 0.2

This interactive bar chart visualizes the number of gold medals won by the top 10 countries for a selected Olympic swimming event, using data from the Tokyo 2020 Olympics. Users can switch between events via a dropdown menu, which filters the dataset for gold medal winners and aggregates counts by country. The visualization uses D3's `scaleBand` and `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for bar colors, and employs the `xAxis` and `yAxis` helper components from `@curran/axis-labels` for labeling.

AAri Schechter

92% match

Loading thumbnail…

Olympic Swimming Project - Final

This interactive bar chart explores Olympic swimming data from 1912 to 2020, showing the top 10 countries by gold medals for a selected event. Users choose an event from a dropdown menu, and the chart updates to display medal counts per country, with hover tooltips revealing each country’s fastest male and female swimmer. The visualization uses D3’s `scaleBand`, `scaleLinear`, and axis components, while an ordinal color scale assigns each country a unique color. Data comes from a CSV file sourced from Kaggle.

AAri Schechter

91% match

Loading thumbnail…

olympic-swimming-project

This interactive visualization presents a bar chart that ranks the top 10 countries by the number of gold medals won in the 100-meter freestyle swimming event at the 2020 Tokyo Olympics. The chart displays each country along the x-axis and its corresponding gold medal count on the y-axis. The data comes from a CSV file containing Olympic swimming results. The visualization is built using D3.js, employing `scaleBand` for the categorical x-axis and `scaleLinear` for the numerical y-axis, with bar marks rendered as `rect` elements.

AAri Schechter

90% match

Loading thumbnail…

Olympic Swimming Project

The Olympic Swimming Project visualization displays a bar chart showing the count of gold medal winners by country for the 100m freestyle event, with each bar colored distinctly. It processes Tokyo 2020 swimming data from a CSV file, filtering for rank 1 results, then aggregates and ranks the top ten countries. The chart is created using D3's scaleBand for the categorical x-axis, scaleLinear for the numeric y-axis, and scaleOrdinal for bar coloring, with axis labels added via the @curran/axis-labels library. The visualization highlights national dominance in a specific swimming discipline through an accessible, color-coded bar format.

AAri Schechter

88% match

Loading thumbnail…

Fork of Olympic Data stacked Bar Graph

This example shows Olympic medal counts for countries as a horizontal stacked bar chart, with Gold, Silver, and Bronze segments colored using a d3 ordinal scale. Hovering over a legend item highlights that medal type in the bars while fading others. The visualization uses d3.stack for data transformation, d3.scaleBand and d3.scaleLinear for axes, and custom mouseenter/mouseleave handlers to update a hovered state, re-rendering the chart with adjusted opacity and stroke.

EElena Momtcheva

79% match

Loading thumbnail…

Fork of Version two: Top Athletes

This interactive bar chart displays the top 40 athletes by medal count, with each bar representing an athlete and its length indicating the number of medals won. Hovering over a bar reveals a tooltip showing the athlete’s full name, medal type, event, and year. Built with the Vega-Lite API, the visualization loads Olympic Games data from a local CSV file via `d3.csv`, and uses `vl.markBar()` to encode the categorical athlete names on the y-axis and the aggregated medal count on the x-axis. The chart also uses `vl.tooltip()` for detail-on-demand and custom axis styling from a shared config object.

Vvoid-LSTM

79% match

Loading thumbnail…

Olympic Gold Medals by Sports

This bar chart visualizes Olympic gold medal counts across eight sports, showing swimming and javelin with the highest totals while running and cycling have the least. The visualization uses D3.js version 7.8.5, rendering SVG rect elements via a dynamic bar chart that adapts to container dimensions. SVG is selected with `d3.select`, while axes are generated using `scaleBand` for the categorical sports on the x-axis and `scaleLinear` for medal counts on the y-axis. The code implements `axisBottom` and `axisLeft` for scalable gridlines and labels.

Yyaredmtaye@gmail.com

78% match