A6 Seqeuntial Color Scale

100%

A6 Seqeuntial Color Scale

✓ Published0🌍 Public

Last edited Mar 2, 2024

Created on Mar 2, 2024

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.

AI-generated description

Dot Plot of Metric Sales from Video Game Publishers form 2003-2009. Note: The data was modified to simplify the coding process Dataset from :https://corgis-edu.github.io/corgis/csv/video_games/

MIT Licensed

Similar vizzes

Loading thumbnail…

Sequential Color Scale bar chart

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.

KKwasi Acquaye

83% match

Loading thumbnail…

A4 Bar Chart

This bar chart displays the total metric sales for video game publishers between 2003 and 2010, using data from the CORGIS Video Games dataset. Each bar represents a publisher’s aggregate sales in millions, with Nintendo showing the highest value. The visualization is built with D3 v7, using `d3.csv` to load the data, `d3.scaleBand` for the categorical x-axis, and `d3.scaleLinear` for the y-axis. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, with hover effects changing bar color.

AAllen Jake Polintan

82% match

Loading thumbnail…

Interactive Color Legend for game publishers

A scatter plot maps global video game sales against release year, with each point colored by publisher. An interactive color legend on the right highlights a selected publisher by dimming all other points, while the legend itself fades in sync. Built with React and D3 v5, it uses SVG circles for marks, `scaleOrdinal` for color mapping, and a custom `ColorLegend` component with mouse events to toggle the hover state. Data comes from a CSV of videogame sales loaded via `d3.csv`.

VVamsi Bhargav Sukamanchi

79% match

Loading thumbnail…

Dot Plot

This dot plot displays the metric sales data for video game publishers from 2003 to 2009, using a circle for each publisher’s sales value. The visualization is built with the p5.js library, loading a CSV dataset via `loadTable` and rendering the plot with `circle` and `text` functions. Data is sourced from a GitHub-hosted CSV file based on the Corgis video game dataset, which was modified for this example. The chart labels the axes and includes a title, with a dark background and blue circles representing sales figures.

AAllen Jake Polintan

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

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

78% match

Loading thumbnail…

D3 Scatter plot

This scatter plot visualizes the global sales of top-rated video games from 2016, with each game represented as a circular point. The data, loaded from a local CSV file, maps game names along the x-axis and their sales figures in millions along the y-axis. The visualization is built with D3 v6, using functions like `d3.scaleBand` and `d3.scaleLinear` to manage the axes, while `d3.select`, `d3.append`, and `d3.axisBottom` handle the SVG element creation and axis rendering. Each dot is positioned using the computed scales, and steelblue fill distinguishes the data points.

KKwasi Acquaye

78% match

Loading thumbnail…

D3 Scatter Plot: vgsales.csv

This scatter plot visualizes video game sales data from the vgsales.csv dataset, plotting each game’s release year on the x-axis against its global sales on the y-axis. Rendered as an SVG using D3 v6, the code applies `d3.scaleLinear` for both axes and draws semi-transparent circles with a radius of 4. The data is loaded via `d3.csv`, and axes are generated with `d3.axisLeft` and `d3.axisBottom`, with tick formatting modified to prevent commas in the year labels.

DDaniel Ribaudo

78% match