The Arwen Report

100%

The Arwen Report

✓ Published0🌍 Public

Last edited Apr 22, 2022

Created on Feb 19, 2022

This bar chart displays the hours played for video games in January, sorted from longest to shortest duration. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` to map game names and durations to SVG rectangles, with `AxisBottom` and `AxisLeft` rendering ticks. Data comes from a CSV file loaded via `d3.csv`, and tooltips show formatted duration values.

AI-generated description

A program that shows the top 10 most populous countries as a pathetic bar chart with no axes.

Data: United Nations World Population Prospects 2019.

MIT Licensed

Similar vizzes

Loading thumbnail…

ice5.1

This bar chart shows how long it takes to beat various video games, with each game represented by a steelblue bar that turns orange on hover. The chart uses d3.csv to load external game data, then d3.scaleBand and d3.scaleLinear to map game names and hours onto the SVG canvas. Axes are generated with d3.axisBottom and d3.axisLeft, while rotated labels and explicit axis titles clarify the game names and the “HoursToBeat” measurement. The visualization is built entirely with D3 v7 and rendered as SVG using a custom HTML/CSS layout.

Kktvgs25@gmail.com

75% match

Loading thumbnail…

A Bar Chart

A bar chart displays total sales for 500 video game genres across global, EU, JP, NA, and other regions, with a dropdown menu to switch the y-axis metric. Built with React and D3 v5, it uses `d3.scaleBand` and `d3.scaleLinear` for scales, renders SVG rectangles via the `Marks` component, and formats axis ticks with `d3.format`. Data is loaded from a CSV using `d3.csv`.

RRED98310

74% match

Loading thumbnail…

new

This bar chart displays the number of hours required to beat each game from a dataset loaded via a CSV file. The visualization uses D3.js v7 to render SVG rectangles, with bars colored steel blue that turn orange on hover. It employs d3.csv to fetch data, d3.scaleBand for the categorical x-axis, and d3.scaleLinear for the numeric y-axis. Rotated axis labels and custom fonts style the chart, with axes formatted using d3.axisBottom and d3.axisLeft. The chart’s title and axis labels are added as SVG text elements.

Rranjithkmr598@gmail.com

73% match

Loading thumbnail…

season bar chart

This bar chart displays video game sales across different gaming platforms, with a dropdown menu allowing viewers to switch between global, EU, JP, NA, and other regional sales figures. The visualization uses React with D3 v5, employing `d3.scaleBand` for the categorical platform axis and `d3.scaleLinear` for the sales values. SVG rectangles render each bar, and D3 utilities like `axisLeft` and `axisBottom` style the axes, while tooltips show formatted sales values. Data comes from a CSV of top 500 games sourced from Kaggle.

MMichael Bergerson

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

72% match

Loading thumbnail…

bar chart from bonus ice

An interactive bar chart displays global sales figures for ten video games and programming languages, with hover highlighting that reveals the percentage difference between the selected bar and all others. Built with React and D3 v5, the visualization uses SVG rendering and transitions to animate bar opacity and width changes on mouse events. D3 scales (`scaleBand`, `scaleLinear`) drive the axes, while grid lines and axis generators (`d3.axisLeft`, `d3.axisBottom`) structure the layout. A dashed horizontal line and divergence labels appear on hover, with data sourced from a hardcoded sample array containing names, sales values, and colors.

TTejamod

72% match

Loading thumbnail…

A Bar Chart(Platform)

This interactive bar chart displays video game sales across platforms, with a dropdown menu to switch between global, EU, JP, NA, and other regional sales figures. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` for positioning, and SVG rects for bars with native tooltips. The data is loaded via D3’s `csv` from a GitHub-hosted Kaggle dataset of the top 500 games.

RRED98310

72% match

Loading thumbnail…

ice 6

This horizontal bar chart displays the global sales of the top 11 video games, using orange bars to compare their performance. The visualization is built with React and D3 v5, leveraging `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and SVG for rendering. Data is loaded asynchronously from a CSV file via `d3.csv`, with sales values parsed and then filtered to the first 11 entries. Tick marks and labels are manually generated from the scales, while axis lines are omitted for a cleaner design.

TTejamod

72% match