Skip to main content
SimilarExport ZIP
100%

CPSC 436V Week 2 - Bar Charts

✓ Published1🌍 Public
JJordan Chiu
Last edited Jan 23, 2020
Created on Jan 15, 2020

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.

AI-generated description

This bar chart shows ratings of games I played in 2019. These aren't entirely accurate, but it's for a teaching thing so yeah.

MIT Licensed

Similar vizzes

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
89% 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
87% 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
84% match
Loading thumbnail…

Activity6_Task2

This horizontal stacked bar chart visualizes the distribution of game genres across rating brackets, from "below 5.0" to "above 8.5". Each bar represents a genre (action, roleplay, shopping, racing, sports) and is segmented by the percentage of games in each rating category. The chart uses D3 v7's `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and the `stack` function to create the stacked segments. Hovering over a segment reveals a tooltip showing the exact percentage for that genre and rating, using D3's `scaleOrdinal` for color assignment. Data comes from a local CSV file, rendered as SVG.

Hhemanthmaddila13@gmail.com
76% match
Loading thumbnail…

Video Game Data Viz

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.

EEmma Schaale
76% 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
75% match
Loading thumbnail…

Activity_6 Task_2

This visualization shows the distribution of game ratings across eight gaming platforms, using stacked horizontal bars to display the proportion of games in five rating categories from below 5.0 to above 8.5. Each platform row is divided into colored segments representing these rating bands, making it easy to compare rating profiles across PlayStation, Xbox, Nintendo, Steam, and other services. The chart is built with D3 v7, using d3.stack() and d3.scaleBand() to construct the stacked bar layout, with d3.scaleOrdinal() assigning colors to rating categories. Data comes from a CSV file loaded via d3.csv(), and the SVG rendering includes custom axes and a title.

Bbhavya.kanyadara@gmail.com
75% match
Loading thumbnail…

CSCE 5320 A6.3

A bar chart and overlaid line chart visualize the top 20 Steam games by total reviews, distinguishing total, positive, and negative review counts. The chart uses D3 v5 and React to load TSV data, filter out games with zero reviews, and render an SVG with a horizontal grid, rotated axis labels, and color-coded bars and lines. The code builds the visualization with `d3.scaleBand`, `d3.scaleLinear`, `d3.axisLeft`, `d3.axisBottom`, and `d3.line`, providing an interactive look at review distribution across popular titles.

SStorm
75% match