Video Game Data Viz

100%

Video Game Data Viz

✓ Published2🌍 Public

Last edited Nov 21, 2022

Created on Nov 20, 2022

A horizontal bar chart displays the top 25 video games by critic score, using D3 v5's `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map data from a Kaggle dataset. The SVG render positions steelblue rectangles whose widths correspond to each game’s numerical `Critic_Score`, with game names on the y-axis and score values on the x-axis. The code also prints a data summary, including row count, column count, and file size, alongside the first ten rows of the dataset.

AI-generated description

This program prints a summary of a data table.

This data is about video games.

This data comes from Video Game DATA - Kaggle.

MIT Licensed

Similar vizzes

Loading thumbnail…

Video Game Critic Ratings - Scatter Plot 1

This scatter plot visualizes the relationship between video game titles and their critic ratings, ranking the first 25 games from the dataset along the y-axis while mapping their scores on the x-axis. The visualization uses D3 v5's `scalePoint` and `scaleLinear` to position circles on an SVG canvas, with the data loaded from a CSV hosted on GitHub. The chart employs gridlines and styled text elements to present the data clearly, with each circle representing a game and its horizontal position indicating the critic score. The color scheme and layout emphasize the distribution of ratings across different game titles.

EEmma Schaale

82% 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

82% match

Loading thumbnail…

Customizing Axes

This visualization uses a horizontal bar chart to display the critic ratings of 25 popular video games, sourced from a Kaggle dataset. The chart emphasizes custom axis styling, including formatted tick labels on the x-axis, removed y-axis gridlines, and custom labels. The code uses D3 v5 APIs, including `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, to create the layout and custom axes. The SVG rendering is styled with a custom font and color scheme.

EEmma Schaale

82% 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

81% match

Loading thumbnail…

Fork of Video Game Critic Ratings

This scatterplot compares critic and user scores for popular video games, plotting one point per title to reveal trends and outliers in the relationship between professional and audience ratings. The visualization loads CSV data from a GitHub gist, filters it to include only games with valid positive scores, and renders the first 1,000 points as semi-transparent circles using D3 v5’s `scaleLinear` and `axisBottom`/`axisLeft` for axes. Interactive tooltips appear on hover, displaying each game’s name and both scores via D3 event handlers, while the SVG output uses custom styling from external CSS.

EEmma Schaale

81% match

Loading thumbnail…

Fork of Video Game Critic Ratings Over Time

This scatterplot shows video game critic ratings over time, with each point representing a game released between the mid-1990s and 2010s. The visualization displays a line path connecting the data points to reveal trends in average critic scores across years. The code uses D3 v5’s `scaleTime` and `scaleLinear` to map the axes, and the `csv` method to load the Kaggle dataset. Data points are filtered and sorted chronologically before being rendered as an SVG with a maroon line, using the `line` generator and `curveBasis` for smoothing.

EEmma Schaale

80% match

Loading thumbnail…

BoxPlot D3

A box plot visualizes the distribution of metric review scores across 50 video games, loaded as CSV data. The chart displays the minimum, first quartile, median, third quartile, and maximum values as interactive black lines that highlight on hover, alongside a steelblue box that changes color when moused over. Built with D3 v6, the code uses `d3.csv`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.quantile` to compute the summary statistics and render the plot as SVG elements.

AAllen Ho

79% match

Loading thumbnail…

Vedio Games Bar Chart

This example visualizes video game data as a bar chart, with bars rendered in blue that highlight yellow on hover. The SVG chart is built using D3 version 6, with data loaded from a CSV file via `d3.csvParse`. The code defines scales and axes in the script, though the specific axis and bar positioning setup is incomplete. The implementation uses `d3.select` and `svg.append` to create the chart structure, and includes tooltip and axis placeholders. The static bar sizing is set to 500 by 100 pixels.

RRED98310

78% match