Skip to main content
SimilarExport ZIP
100%

Bar graph-task1

✓ Published7🌍 Public
SSheela2930
Last edited Apr 8, 2023
Created on Mar 22, 2023

This interactive bar chart, built with React and D3 v5, visualizes the top 12 video games by their North American sales figures. Each game is represented by a rectangular bar, with the horizontal axis encoding sales value and the vertical axis categorizing game titles. The chart is rendered as an SVG within a React component, using D3's `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, with data loaded from a CSV file via `d3.csv`. A second, separate plotly-based 3D scatter plot is also included in the project files, but the main gallery view shows the D3 bar graph.

AI-generated description

A whole smiley face

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Bar graph-task1

This bar chart displays North American sales for the top twelve video games, with each game's name on the vertical axis and its sales figures on the horizontal axis. The visualization is built using React and D3 v5, employing `d3.csv` to load the dataset and `d3.scaleBand` and `d3.scaleLinear` to map the data to SVG rectangles. The chart is rendered with red gridlines and labeled axes. While the primary view is a horizontal bar graph, the code also contains a separate Plotly-based 3D scatter plot that compares North American and Japanese sales over time, indicating the source data includes multiple regional sales metrics.

Cchandanagandla
91% match
Loading thumbnail…

Assignment2-Task_1_Bar graph

This bar chart displays the top 12 video games by North American sales from a CSV dataset. Each bar’s height corresponds to the game name on the y-axis, while the bar’s length represents total sales on the x-axis, with a red-to-blue color scale indicating sales magnitude. The visualization uses React for component rendering and D3’s `csv`, `scaleBand`, `scaleLinear`, and `axisBottom`/`axisLeft` APIs within an SVG. Data is fetched from a GitHub gist and processed with D3’s CSV loader.

Ssreekarthanda@gmail.com
90% match
Loading thumbnail…

Fork of Bar graph-task1q1

This visualization presents a horizontal bar chart of North American video game sales for the top 12 games, sourced from a CSV file. Built with React and D3 v5, it uses `scaleBand` for the y-axis and `scaleLinear` for the x-axis, rendering bars as SVG rectangles. The chart includes tick lines and labels drawn manually. A second, unused component in the same file defines a 3D scatter plot using Plotly, showing North America and Japan sales over time.

UUmarani Vemula
88% match
Loading thumbnail…

Fork of Bar graph-task1

This example shows a horizontal bar chart of the top 12 video games by North American sales, with game names on the y-axis and sales values on the x-axis. It uses React state to load CSV data via d3.csv, then renders SVG rectangles scaled by d3.scaleBand and d3.scaleLinear. Custom gridlines and tick labels are drawn manually using d3.scaleLinear.ticks, while axes are positioned with SVG group transforms. The visualization updates asynchronously when data arrives, with a loading state displayed beforehand.

Aajaysonu
87% match
Loading thumbnail…

Fork of Bar graph-task1

This example shows a horizontal bar chart of North American video game sales for the top twelve titles, ranked by their NA_Sales values from a CSV dataset. The chart uses D3 scales (scaleBand for categories and scaleLinear for values) to position bars and axis ticks, while React manages the component state and data loading. The visualization renders as an SVG with red gridlines and labeled axes, using d3.csv to fetch and parse the data, and d3.max to determine the x-axis domain.

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

1. Bar Plot ICE -6

This visualization displays the top 15 best-selling video games by global sales, shown as horizontal bars with length encoding sales volume and sequential blue color encoding relative magnitude. It uses React with D3 v5 scales (scaleBand, scaleLinear, scaleSequential) and loads CSV data from a Gist URL. Each bar includes hover effects, a tooltip showing sales in millions, and value labels, with a title, axis label, and grid lines rendered as SVG elements.

AAbhiramPudi@my.unt.edu
83% 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
83% match