Sequential Color Scale bar chart

100%

Sequential Color Scale bar chart

✓ Published4🌍 Public

Last edited Mar 4, 2024

Created on Mar 4, 2024

This bar chart visualizes the global sales figures for nine video games from 2015, ranging from Call of Duty at 14 million units down to Metal Gear at 3.38 million. It uses a sequential blue color scale to represent the magnitude of sales, with darker shades indicating higher values. The chart is built with D3 v6, using `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the y-axis and color mapping, rendered as SVG rectangles. Data is loaded from the `HW2.csv` file, and a color legend is generated with the `d3.legendColor` API.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

A6 Seqeuntial Color Scale

This dot plot visualizes metric sales of video game publishers from 2003–2010 using a sequential color scale. The chart encodes each publisher’s total sales with bar height and a color gradient from light to dark via `d3.scaleSequential` and `interpolateRdPu`. Built with D3 v7, it renders SVG bars, axes with `d3.axisBottom` and `d3.axisLeft`, and includes a legend using the d3-legend library. The data, sourced from the CORGIS video games dataset, is loaded from `games.csv` with numeric sales values processed before scaling.

AAllen Jake Polintan

83% match

Loading thumbnail…

Bar chart

A bar chart displays the global sales figures for nine video games from 2015, with each bar representing a title and its height corresponding to sales in millions. The chart uses the p5.js library to load data from a CSV file hosted on GitHub, render the bars, and label the axes. It includes game names beneath each bar and a y-axis scale showing sales values. The data comes from the HW2.csv file, which lists game titles and their Global_Sales figures.

KKwasi Acquaye

81% match

Loading thumbnail…

D3 Bar chart

This bar chart displays global sales figures for top-rated video games in 2016, with each game’s name on the x-axis and sales in millions on the y-axis. The D3.js code uses d3.csv to load the data, then maps it to a d3.scaleBand for the x-axis and a d3.scaleLinear for the y-axis. Rectangular SVG elements are colored steelblue, and d3.axisBottom and d3.axisLeft generate the labeled axes. A rotated text element labels the y-axis. The chart renders entirely as inline SVG within an HTML page.

KKwasi Acquaye

81% match

Loading thumbnail…

BarChart

This bar chart shows the global sales of video games by genre, ranking categories like Action and Shooter by their total sales in millions. The visualization uses D3 v6 to load CSV data from a GitHub gist, and renders the chart as an SVG with animated transitions. It employs `scaleBand` for the x-axis and `scaleLinear` for the y-axis, with axes generated by `axisBottom` and `axisLeft`. Bars are filled steelblue and change to orange on mouseover, using D3’s selection and transition APIs.

AAditya Khandelwal

81% match

Loading thumbnail…

a bar chart

This horizontal bar chart ranks video game titles by global sales in units, sourced from a Kaggle dataset. Built with D3 v6, it maps the numeric sales field to a linear x-scale and the game names to a categorical y-scale band. The SVG rendering uses `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to draw the axes, with orange rectangles encoding each game’s sales value.

RRED98310

80% match

Loading thumbnail…

Bar Chart

This bar chart visualizes global sales by video game genre, ranking categories like Action and Shooter from highest to lowest on a linear scale. Using D3 version 6, the code loads CSV data via `d3.csv` and draws SVG rectangles with `d3.selectAll`. The axes are created with `d3.axisBottom` and `d3.axisLeft` on band and linear scales. Rectangles change fill color from steelblue to orange on mouseover, then transition to red on mouseout with a 250ms duration.

Ppavan0828

80% match

Loading thumbnail…

D3 Boxplot

This example displays a bar chart of global sales figures for video games in 2016, with each game’s sales in millions of units shown on the y-axis and game names on the x-axis. It uses D3 v6 to build the visualization, loading data from a CSV file that is manually encoded into a JavaScript array. The SVG rendering uses `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the numeric y-axis, and `d3.axisBottom` and `d3.axisLeft` to generate axis ticks, with circles placed via `append('circle')` and positioning computed from the scales.

KKwasi Acquaye

80% match

Loading thumbnail…

Fork of Bar Chart

This bar chart visualizes global video game sales by genre, from Action’s 563 million units to Strategy’s 23 million. Built with D3 v6, it uses `scaleBand` for the categorical x-axis and `scaleLinear` for the numeric y-axis, drawing SVG rectangles from CSV data. Interactive hover effects transition bars from steelblue to orange, and mouseout reverts them via `transition.attr` over 250 milliseconds. Axis labels and titles are appended as SVG text elements.

AAkrutiKhurana2103

79% match