better

100%

✓ Published0🌍 Public

Last edited Jan 20, 2016

Created on Jan 20, 2016

A line chart displays the number of Olympic events held from 1904 to 2012, using data from a JSON file that includes details on participants, countries, and sports for each Summer Games. The visualization uses D3 v3 to create the chart, applying a time scale for the year axis and a linear scale for event counts, with a basis interpolation smoothing the line. The code sets a fixed y-domain from 43 to 303 events, and styling applies a steelblue line with axis labels, though the y-axis text is mislabeled as "Temperature (ºF)."

AI-generated description

Built with blockbuilder.org

Similar vizzes

Loading thumbnail…

Week2

This bar chart shows the number of countries participating in the Summer Olympics from 1896 to 2012, with each bar representing one Olympic year. The visualization animates the bars and includes a tooltip displaying the host city and country when hovering over each bar. Built with D3.js v3, the chart uses d3.scale.ordinal and d3.scale.linear for positioning, d3.svg.axis for axes, and SVG rectangles to render the data from data.json.

NN0taN3rd

78% match

Loading thumbnail…

Week2

This visualization displays historical Summer Olympics data, showing the number of male and female participants for each Olympic Games from 1936 to 2012 using horizontal stacked bar charts. D3.js with SVG rendering animates the transition between different years when the user selects a new Olympic Games. The chart uses d3.scale.linear for positioning bars along the x-axis and d3.scale.ordinal for the y-axis categories, with tooltips providing details about each year's statistics. The data is embedded directly in the HTML file as a JSON array.

NN0taN3rd

77% match

Loading thumbnail…

John Berlin CS725 Information Visualizatoin

This visualization presents Summer Olympic data as two interactive charts. A scatter plot maps the number of male and female participants on its axes, with circle area encoding total participants. A bar chart shows the number of countries per Olympic year, with each bar colored by the hosting country. The implementation uses D3.js version 3 to render SVG elements and axes, reading data from a JSON file derived from sports-reference.com, with tooltips and animations enhancing the display.

NN0taN3rd

76% match

Loading thumbnail…

Olympics Sports and Medals, 1896 - 2014

This interactive visualization explores Olympic sports and medal data from 1896 to 2014, combining summer and winter games with country demographic information. It displays sample records from the merged datasets, including athlete, event, medal, and GDP per capita fields. The code loads CSV data using native JavaScript imports and renders the raw JSON objects as text in the browser with a large monospace font. WebGL is specified for rendering, with the example demonstrating how the data structures can be accessed and displayed.

Yyaredmtaye@gmail.com

73% match

Loading thumbnail…

Version three - part 1: Summer Olympics Gold Medal Count For Selected Country

A line chart displays the gold medal count for each Summer Olympics from 2000 to 2012 for a user-selected country. Five colored lines, each with circular markers per year, trace the performance of five countries simultaneously. The visualization uses React with D3 v5 APIs including `nest`, `scaleLinear`, `line`, and `axisBottom`; a dropdown menu triggers an `updateLine` function that redraws the chart with filtered data. Data originates from a Kaggle dataset hosted as a GitHub gist, with counts based on individual athletes rather than events.

RRuofan Chen

72% match

Loading thumbnail…

Area chart

This area chart displays Olympic medal totals by country, with a smooth, curved line connecting the data points over a categorical x-axis. The visualization uses D3 v5, importing functions like `area`, `curveBasis`, `scaleBand`, and `scaleLinear` to construct the SVG path. The chart is rendered with a turquoise fill and includes axis labels and a title, with data loaded from a CSV file hosted on GitHub. The y-axis is scaled to the maximum medal count, while grid lines extend across the plot area.

Sshivadeclare2@gmail.com

72% match

Loading thumbnail…

Bar Chart Race

An animated bar chart race tracks total Summer Olympic medals earned by each country from 1896 onward. The visualization smoothly interpolates bar positions and widths between yearly data snapshots using D3 transitions applied to SVG rectangles, with a reusable join pattern for entering, updating, and exiting elements. A ticker and axis labels update along with the bars, driven by a data-driven keyframe generator. The chart also displays country name labels and animated value counts by leveraging D3’s `transition` and text-tweening, with a replay button to restart the sequence.

AAniketShahane

71% match

Loading thumbnail…

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.

RRuofan Chen

71% match