All of the Video Games

100%

All of the Video Games

✓ Published0🌍 Public

Last edited Apr 25, 2018

Created on Apr 25, 2018

This interactive visualization maps the landscape of video games by company, using a zoomable bubble layout to represent each developer or publisher. Clicking a bubble zooms in to reveal that company's individual game titles, positioned along a timeline axis and colored by platform, while hovering reveals full names. Built with D3.js version 3.5, it uses the `d3.layout.pack` bubble layout, `d3.behavior.zoom` for pan and zoom interactions, and SVG for rendering animated transitions between company and game views. The data comes from a JSON file listing games, their platforms, and release years, showing the breadth of the industry from the 1980s to the 2010s.

AI-generated description

Built with blockbuilder.org

More info at github.com

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/5af89b987ad1ae8b9179'>all-of-the-games</a>

forked from <a href='http://bl.ocks.org/hashcacher/'>hashcacher</a>'s block: <a href='http://bl.ocks.org/hashcacher/a47ed061841c8e8361cb'>all-of-the-games</a>

mit Licensed

Similar vizzes

Loading thumbnail…

All of the Video Games

A force-directed bubble chart maps every video game publisher to a circle scaled by its number of titles, with each bubble colored by publisher and labeled by name. Clicking a publisher zoomes into its timeline, revealing individual game titles as small rectangles arranged by release year and platform. The visualization is built with React, D3’s `d3.layout.pack` and `d3.behavior.zoom`, and renders SVG with animated transitions. Data comes from a JSON file listing games, publishers, platforms, and years.

663anp3ca

91% match

Loading thumbnail…

Video Game Sales

This visualization displays global video game sales from 1980 to the present, with each colored circle representing an individual game. The x-axis maps the release year while the y-axis shows global sales figures, and the color encodes the game's genre. The code uses the Vega-Lite API with a custom configuration to adjust axis labels and styling. The dataset is loaded from a CSV file hosted on GitHub using D3's `csv` method, and the visualization renders as an SVG using the `view.renderer` setting.

Ggeorgeeeee

75% match

Loading thumbnail…

Gaming_Network

This visualization shows a network of major gaming companies grouped by their associated ecosystems, such as Sony, Microsoft, and Nintendo. It uses a force-directed layout to position nodes and links, with colors distinguishing each ecosystem. The graph is rendered using D3.js v7 into an SVG, and includes zoom functionality via the `d3.zoom` API. Node and link data are hardcoded in the script, and a legend explains the color coding.

AALIMINETI SPOORTHY REDDY

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

74% match

Loading thumbnail…

Most Popular Video Game Publisher

This horizontal bar chart shows the top 10 video game publishers by total historical global sales in millions. The chart uses React to render SVG elements, with D3 v5’s `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis. Data is aggregated from the Video Game Sales CSV using `d3.nest` and `d3.sum` on the `Global_Sales` field, then sorted and sliced. Axes and rectangular marks are custom React components, with a tooltip provided by SVG `<title>` elements.

Ggeorgeeeee

73% match

Loading thumbnail…

Fork of Video Game Sales - TreeMap Diagram

This interactive tree map visualizes the top 100 best-selling video games, grouped by platform, using a hierarchical treemap layout with `d3.treemap` and the `treemapResquarify` tiling algorithm. Each rectangle represents a game, colored by category, with labels split across multiple lines. The visualization is built with React and D3 v7, rendering SVG elements that respond to mouse hover events to display a tooltip showing the game’s name, category, and sales value. The color legend categorizes platforms, and data is loaded from the freeCodeCamp video game sales JSON dataset.

Aantoniojl-kemaro

73% match

Loading thumbnail…

Fork of Fork of Video Game Platforms Streamgraph

This streamgraph visualizes global video game sales by platform from 1980 to 2020, showing how platforms like PlayStation, Xbox, and Nintendo rise and fall in popularity over time. Built with D3.js, the visualization uses `d3.stack` with a wiggle offset and inside-out ordering to minimize layer overlap. Sales data from a GitHub-hosted CSV is aggregated yearly, smoothed with `array-blur`, and rendered as SVG paths with a black backdrop to hide grid lines between layers. Hovering over any platform highlights it while dimming the rest.

ZZach2826

73% match

Loading thumbnail…

Fork of Video Game Platforms Streamgraph

This streamgraph visualizes global video game sales across platforms and years, using a smoothed area chart that highlights sales distributions over time. The code loads CSV data from a GitHub gist and employs D3’s `rollup`, `stack`, `stackOffsetWiggle`, and `stackOrderInsideOut` APIs to aggregate and layer the data. Rendering with SVG, it uses `d3.scaleTime`, `scaleLinear`, `area`, and the `d3-area-label` library for labels. A black envelope path and hover effects enhance layer separation.

CCurran Kelleher

73% match