Games Rating: 2015 - 2019

100%

Games Rating: 2015 - 2019

✓ Published0🌍 Public

Last edited Oct 8, 2021

Created on Oct 8, 2021

A line chart displays the average ratings of board games from 2015 to 2019, with separate lines tracking the counts of top-rated titles like Dominion, Codenames, and Gloomhaven. The visualization uses D3 v5 to load CSV data via `d3.csv`, nest and aggregate ratings by year using `d3.nest`, and render the resulting counts with `d3.line` and SVG. Axes are generated with `d3.axisBottom` and `d3.scaleLinear`, while a second SVG contains a bar chart.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Line Charts

Two line charts display board game ratings from 2016 to 2020, comparing the number of ratings for games like Catan, Dominion, and Codenames across monthly dates. The example loads D3 v5 via a script tag and uses `d3.csv` to parse the data, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.line` to generate SVG paths. Each game gets a distinct color from `d3.schemeCategory10`, with labels placed at the end of each line.

Oolin8

87% match

Loading thumbnail…

Number of Ratings 2016-2020

This visualization displays the number of board game ratings from 2016 to 2020, using circles to represent individual data points over time. The chart places each rating count as a circle within an SVG canvas, with colors assigned via d3.scaleOrdinal and d3.schemeCategory10. The code loads data from a CSV file using d3.csv, formats dates with d3.timeFormat, and arranges the visualization with margins and a translated group element. The rendering relies on React and d3.v5, producing a bordered SVG output.

Oolin8

84% match

Loading thumbnail…

Fork of Hello VizHub

This visualization displays the number of ratings for four board games—Catan, Dominion, Codenames, and Terraforming Mars—over the years 2016 to 2020. It uses D3 v5 with an SVG rendering approach, reading data from a CSV file via `d3.dsv`. The code employs `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` with `d3.curveMonotoneX` to draw the four multi-series lines, and appends a legend with colored rectangles. Data is parsed using `d3.timeParse` for the year values.

Oolin8

83% match

Loading thumbnail…

Fork of Line Chart with Multiple Lines

This line chart visualizes the daily count of board game ratings from November 2016 to August 2020. The display begins with a single line for Catan, which uses an ordinal color scale from `d3.scaleOrdinal` and `d3.schemeCategory10`. As additional games like Dominion and Codenames are added through `d3.nest`, the visualization reveals multiple lines, each sorted by their final value. The chart is rendered as an SVG using `d3.line` with `d3.curveBasis` smoothing. The data originates from the boardgame_ratings.csv file, with axes and grid lines generated via `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleTime`.

RRyan Rong

82% match

Loading thumbnail…

Bar Chart

This bar chart displays game ratings for a collection of board games, sorted from highest to lowest rating. The chart uses an SVG rendering with D3 v6, employing `scaleLinear` for the x-axis and `scaleBand` for the y-axis, with `axisBottom` and `axisLeft` for ticks. Data is loaded from a CSV file via `csv()`, parsed, and sorted before rendering. The `wrap` function handles long game titles, while styled rectangles represent each rating value.

JJames DePaola

80% match

Loading thumbnail…

CPSC 436V Week 3 - Axis Customization

A horizontal bar chart displays ratings for ten games from 2019, sorted by name. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the rating axis and `scaleBand` for game names. Customized axes remove domain lines, use a `.2n` tick format, and add a label. Data loads from a CSV via `d3.csv`, and a title annotates the chart.

JJordan Chiu

75% match

Loading thumbnail…

Video Game Critic Ratings Over Time

This scatterplot tracks average video game critic scores over time, plotting roughly 100 filtered games by release year and critic rating. The visualization uses D3 v5’s `scaleTime` and `scaleLinear` axes, with data loaded via `d3.csv` from a GitHub-hosted Kaggle dataset. Points appear as semi-transparent orange circles, overlaid with a smooth maroon trend line generated using `d3.line` and `curveBasis`. The SVG rendering includes labeled axes and a title, with the data filtered to exclude missing or zero scores before sorting by year.

EEmma Schaale

74% match

Loading thumbnail…

CPSC 436V Week 2 - Bar Charts

This bar chart visualizes the ratings of ten games played in 2019, with each game’s name on the y-axis and its numeric rating on a linear scale from 0 to 10 on the x-axis. The data is loaded from a local CSV file and rendered as SVG rectangles using d3.scaleLinear, d3.scaleBand, d3.axisLeft, and d3.axisBottom. The chart encodes ratings via bar width and makes no additional modifications beyond the listed values.

JJordan Chiu

73% match