Bar Chart

100%

✓ Published0🌍 Public

Last edited Feb 2, 2021

Created on Feb 2, 2021

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

81% match

Loading thumbnail…

Bar Graph

This bar graph displays TV show ratings from a CSV file, sorting each show’s average rating as a horizontal bar. Built with D3 v6, it uses `scaleLinear` and `scaleBand` to map rating values and show names, with axes rendered via `axisLeft` and `axisBottom`. The SVG rendering loads data asynchronously with `csv()`, parses numeric values, and draws steelblue rectangles sized by each rating.

NNoobSaiyan

80% match

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

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

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

78% match

Loading thumbnail…

Bar chart

This bar chart displays the total score for several categories using vertical bars, with each category labeled on the x-axis and the numeric score on the y-axis. The data is loaded from a remote TSV file via `d3.tsv`, then processed and added to the SVG canvas. The chart is built with D3 v6, using `d3.scaleBand` for the categorical axis and `d3.scaleLinear` for the numeric axis, with bars drawn as SVG rectangles. Hovering over a bar changes its fill from steelblue to darkblue using CSS.

TTejasriKari@my.unt.edu

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

77% match