Skip to main content
SimilarExport ZIP
100%

Number of Ratings 2016-2020

✓ Published0🌍 Public
Oolin8
Last edited Oct 2, 2021
Created on Oct 2, 2021
Forked from HTML Starter

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Games Rating: 2015 - 2019

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.

Oolin8
84% match
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
79% 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
79% 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
76% 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
75% match
Loading thumbnail…

CPSC 436V Week 3 - Scatterplot

This scatterplot shows the ratings of ten games played in 2019, plotted along a horizontal rating axis against game names on the vertical axis. Each circle’s position encodes the game’s score, with all points using a uniform radius. The visualization uses D3 v5 APIs including `select`, `csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom`. Data is loaded from a local CSV file (`data.csv`) and rendered as an SVG, with gridlines, tick labels, and axis labels styled via CSS.

JJordan Chiu
73% match
Loading thumbnail…

Interactive Color Legend Scatterplot to determine Useful Count of rating per year

This interactive scatterplot visualizes drug ratings against useful counts, with each point colored by the year of the rating. A color legend allows users to hover over a year to highlight matching data points while fading the rest, easing comparison of temporal trends. Built with React and D3 v5, it uses `scaleLinear` for axes, `scaleOrdinal` for categorical color mapping, and SVG circles rendered via custom React components. The data comes from a CSV file loaded through D3’s `csv` parser, with axes and legend built from reusable `AxisBottom`, `AxisLeft`, and `ColorLegend` components.

Aaishwarya8615
72% match
Loading thumbnail…

Video Game Critic Ratings Over Time

This scatterplot displays video game critic scores over time, revealing the distribution and trends of ratings across different release years. Each orange circle represents a game, plotted by its release date and critic score, with hover interactions showing the game's name and both critic and user scores. The visualization is built with D3 v5, using `select`, `csv`, `scaleTime`, `scaleLinear`, and `axisBottom`/`axisLeft` APIs to render SVG elements. Data is loaded from a Kaggle-sourced CSV file, filtered to include only valid scores, and limited to 500 points for clarity.

EEmma Schaale
72% match