Skip to main content
SimilarExport ZIP
100%

Where did all the Flash Developers go?

✓ Published0🌍 Public
KKristinHenry
Last edited Jun 9, 2013
Created on Jun 4, 2013

This example traces the GitHub profiles of former Flash developers, mapping career trajectories for eighteen individuals and one company after the technology’s decline. A network visualization uses `d3.forceSimulation` to position nodes, with links connecting each developer to Riot Games, their common destination. The data comes from a manually curated markdown list, rendered as a static force-directed graph with `d3.select` and SVG elements. The layout clearly shows Riot Games as a central hub, absorbing the scattered Flash community.

AI-generated description

Similar vizzes

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
59% 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
57% match
Loading thumbnail…

Graph

This example visualizes a network of board game relationships as an interactive force-directed graph. Nodes represent distinct games and are rendered as small circles, while curved paths between them show connections weighted by a numeric value. The visualization uses `d3.forceSimulation` with link, charge, centering, and X/Y forces to position nodes, and supports dragging with `d3.drag` to manually reposition elements. The graph reads its source and target pairs from a imported CSV file, with SVG elements styled via external CSS.

Hhaiyangwhy1015
52% match
Loading thumbnail…

Links from my talk at SwiftSummit

This visualization maps a network of hyperlinks from a talk, revealing the connections between various web resources. The graph layout is computed using a force-directed algorithm, likely `d3.forceSimulation`, which positions nodes and edges to show clusters of related content. Each node represents a distinct URL, such as a blog post, a GitHub repository, a Stack Overflow question, or a gist, with edges indicating direct references between them. The data is sourced from the `gistfile1.txt` file, which lists these links, and the rendering demonstrates how disparate technical topics, including Silverlight, ReactiveExtensions, and Objective-C syntax, are interconnected through the author's curated set of references.

CColinEberhardt
52% match
Loading thumbnail…

Force-Graph

This interactive force-directed graph visualizes the network of game assets, with nodes representing individual files and links showing connections between them. The visualization uses a physics simulation to position nodes, balancing link forces, many-body repulsion, and centering forces. Built with d3.forceSimulation, d3.forceLink, and d3.forceManyBody, the SVG rendering updates each tick to reflect the evolving layout. Users can drag nodes, which temporarily reactivates the simulation to reposition the graph, with node colors assigned via a categorical color scheme.

LLo-ov
52% match
Loading thumbnail…

Gist 484101

This visualization shows an interactive network of interconnected nodes, with each node representing a person and links showing connections between them. It reveals the structure of social ties, likely from a GitHub collaboration graph, by grouping related clusters. The rendering uses a canvas-based `d3.forceSimulation` with custom collision and link forces to position nodes, while a custom `d3.geoPath`-style projection maps node positions onto a projected sphere. The code also employs Canvas `getImageData` to detect node boundaries for hover interactions, and uses `transition.attrTween` for smooth link animations. The underlying data is loaded from a Gist, and the visualization runs entirely client-side without external data files.

DDylanFM
52% match
Loading thumbnail…

ICE8-Network Graph

This interactive network graph visualizes social connections among ten individuals (Dom, Quin, Erica, and others) from a custom `flare.json` file. Nodes are rendered as orange circles with black outlines and labeled with names, while green lines represent links between them. The example uses D3 v4's `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` APIs to run a physics-based layout animation. Node and label positions update continuously in the `ticked` callback as the force algorithm iterates, creating a dynamic, animated network diagram.

KKolliTeja
52% match
Loading thumbnail…

Fork of Force-Graph

This example visualizes a force-directed network graph of game assets, displaying interconnected nodes with labels and colored links. It uses d3.forceSimulation with link, charge, and center forces to position nodes, while d3.drag enables interactive node movement. The SVG rendering maps asset names from a JSON file, with node colors assigned via d3.scaleOrdinal and d3.schemeCategory10.

Ssalwa191
52% match