CS599 Project 5 - Lines

100%

CS599 Project 5 - Lines

✓ Published0🌍 Public

Last edited Mar 5, 2021

Created on Mar 5, 2021

This visualization displays the sales figures of bestselling video games as a horizontal bar chart, with game titles on the Y-axis and sales numbers on the X-axis. It uses D3.js v6 with scaleLinear for the numeric sales axis and scaleBand for categorical game titles, rendering bars as SVG rectangles. Data is loaded from a CSV file using the d3.csv method, and the chart includes formatted axis ticks that abbreviate large numbers (e.g., converting millions to billions) via d3.format.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

CS599 Project - Line Chart

This example shows how video game sales have changed over time for the top 50 best-selling games of all time. A line chart plots sales against release date, with labels and dates shown for the five biggest games. The visualization uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for scales, and d3.line with curveBasis to generate the path. Axes are created with d3.axisLeft and d3.axisBottom, and the SVG is rendered with d3.select.

FFedor Sharygin

87% match

Loading thumbnail…

Line chart

This line chart visualizes North American sales figures for video game titles, sourced from a CSV file. It uses D3 v7 APIs including `scaleBand`, `scaleLinear`, `line`, `axisLeft`, and `axisBottom` to map categorical game titles to a blue line plot with labeled axes. The chart includes rotated x-axis tick labels to accommodate many titles and applies margins, a custom axis label, and a title. The data is loaded via `csv()` and rendered as an SVG.

Ssatishnarne99@gmail.com

81% match

Loading thumbnail…

CS599 Project 5 - Bar Chart

This bar chart displays the number of game consoles each major publisher has released, using red, semi-transparent bars and a grid of platform labels beneath each publisher. It reads publisher and console data from a CSV file and renders the visualization as SVG using d3.v6. The chart uses `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and `axisBottom` and `axisLeft` for the axes. Additionally, it overlays fixed-position images of game consoles and text labels for Xbox 360, Nintendo Switch, and PlayStation 2.

FFedor Sharygin

80% match

Loading thumbnail…

Line Graph: vgsales.csv

This visualization displays video game sales over time, broken into five small multiples by region: global, North America, Japan, the EU, and other sales. Each chart plots genre-specific sales as colored polylines and circles, using d3.flatRollup to aggregate the data from the vgsales.csv dataset. The graphs use d3.scaleLinear, axisLeft, and axisBottom to render axes, with a click handler that draws a crosshair across all charts for comparison.

DDaniel Ribaudo

79% match

Loading thumbnail…

Video Games Sales

This visualization displays the top 20 video games ranked by global sales in millions, with each game shown as a vertical bar. The bar chart shows sales values on the y-axis and game names on the x-axis, with rotated labels for readability. The code uses D3.js `d3.csv` to load and parse the video game sales dataset, then applies `d3.scaleBand` and `d3.scaleLinear` for positioning. The chart includes axes via `d3.axisBottom` and `d3.axisLeft`, with bars rendered as SVG rectangles colored steelblue.

Ssamozarif@gmail.com

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

Iterating Line Graph: vgsales.csv

This interactive multi-line chart uses D3.js (v6) to display video game sales data from a GitHub-hosted CSV across five regions, with each graph showing sales for twelve genres over time. A color-coded legend maps genres to lines, where hovering highlights a genre by thickening its strokes and clicking toggles its visibility. The visualization aggregates the data once before rendering, and includes crosshair functionality for comparing values across the regional charts.

DDaniel Ribaudo

78% match

Loading thumbnail…

Lab 05

This example shows a bar chart of global video game sales by genre, using data from a CSV file. D3 version 6 loads the data with `d3.csv`, maps it with `scaleBand` and `scaleLinear`, and renders SVG rectangles with axes via `d3.axisLeft` and `d3.axisBottom`. Bars animate color changes on hover using `selection.on` and `transition.attr`, shifting from steelblue to orange and back.

MMario Morales Barquero

78% match