Gaming_Network

100%

Gaming_Network

✓ Published0🌍 Public

Last edited Nov 1, 2025

Created on Oct 31, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Network

This example shows a force-directed network of eight major tech companies, with nodes colored by industry sector—software, hardware, e-commerce, and cloud/AI—and links styled by relationship type: solid teal for partnerships, dashed yellow for competition, and pale green for collaboration. The visualization uses D3’s `d3.forceSimulation` to position nodes and render SVG links and circles, with hover highlighting and a fixed tooltip showing details. Data is hardcoded as arrays of node and link objects, and the layout is drawn entirely in scalable SVG within a fixed 1100×700 viewBox.

AAnurup Reddy

78% match

Loading thumbnail…

Fork of Network

This gallery example visualizes a network of ten major technology companies, with nodes representing firms like Microsoft, Google, and NVIDIA, and links depicting collaborations or partnerships labeled by type such as “Investment” or “Competition.” The visualization uses d3.forceSimulation to position the nodes physically, with node size and color encoding company group, while link thickness reflects collaboration strength. Rendered as an animated SVG, the chart employs d3.v7 and a manual color scale to distinguish company types. Hovering over a node is enabled, though the code primarily demonstrates a static force-directed layout.

AAmrit Adhikari

76% match

Loading thumbnail…

All of the Video Games

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.

LLyndoman

74% match

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

72% match

Loading thumbnail…

Kartheek_ICE8_Networkgraph

A hierarchical network graph visualizes global tech layoffs, showing the top five companies per continent. The visualization uses D3.js v6 with `d3.forceSimulation` to position nodes by force-directed layout, linking continents to countries and then to specific companies like Google, Spotify, and MercadoLibre. Node circles are rendered as SVG elements with text labels, while links are drawn as lines with arrow markers. The data comes from a JSON file containing hierarchical relationships, and nodes are colored cyan with red borders, with hover effects highlighting selected nodes.

Kkartheekgurijala2023@gmail.com

71% match

Loading thumbnail…

Network Graph ICE 8

A force-directed network graph maps seven hobby-related nodes, including Laptops, VR, Games, and Audience, with weighted links that vary in thickness. The graph uses d3.json to load the graphFile.json data, and a custom force layout (d3.layout.force) with gravity, distance, and charge settings to position nodes. Nodes are draggable SVG circles with text labels, rendered with yellow fill and red stroke, while links are purple lines with width proportional to the square root of each connection's weight.

RRahulChaitu999

71% match

Loading thumbnail…

socialnetwork

This social network visualization displays seven social media platforms as labeled nodes, with weighted green links connecting them. The graph shows relationships between applications like Facebook, Instagram, and Twitter through varying line thicknesses. Using D3.js v4, the visualization implements a force-directed layout via the deprecated `d3.layout.force()` API, which simulates attraction and repulsion between nodes. Node positions are updated dynamically on each tick, while JSON data from `data.json` defines the network structure. The SVG rendering includes draggable circles, orange text labels, and a sky-blue background.

Vvaddepallinaveen

71% match

Loading thumbnail…

Network graph

This network graph displays a hierarchical tree of car companies and their subsidiaries, using colored circles for nodes and orange curved links to show parent-child relationships. Built with D3.js version 3.5, it applies the `d3.layout.tree` and `d3.svg.diagonal` APIs to calculate positions and draw connecting paths, with interactive nodes that respond to clicks. The visualization is rendered as an SVG with animated transitions, and the data is embedded directly in the page as a static JavaScript array.

SSrikanthP0548

70% match