Mobile Patent Suits

100%

Mobile Patent Suits

✓ Published0🌍 Public

Last edited Jan 16, 2020

Created on Aug 18, 2011

A force-directed network diagram maps patent disputes among mobile technology companies, with nodes representing firms and curved links encoding suit direction via arc paths. Dashed links show resolved cases, while green links indicate licensing agreements, highlighting Apple as a central target of litigation. Built with D3.js v3, the visualization uses the `d3.layout.force` API for physics-based node placement and SVG markers for link arrowheads. Data comes from a Thomson Reuters infographic, recreated to improve clarity over the original "bowl of spaghetti" design.

AI-generated description

Click to drag nodes. Dashed links are resolved suits; green links are licensing.

Thomson Reuters published a rather abysmal infographic showing the "bowl of spaghetti" that is current flurry of patent-related suits in the mobile communications industry. So, inspired by a comment by John Firebaugh, I remade the visualization to better convey the network. That company in the center? Yeah, it's the world's largest, so little wonder it has the most incoming suits.

Implemented in D3.js.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Mobile Patent Suits

This network diagram maps patent-related lawsuits and licensing agreements among major mobile technology companies, with nodes representing firms and directed links showing the relationship type. Solid links indicate active suits, dashed links show resolved cases, and green links represent licensing agreements. The visualization uses D3.js's force layout (`d3.layout.force`) to position the nodes, with SVG paths and markers encoding link direction and type. Text labels along the links and node names are drawn using SVG text elements, and the interactive force-directed graph allows dragging nodes to explore the dense web of litigation.

663anp3ca

93% match

Loading thumbnail…

Mobile Patent Suits

663anp3ca

93% match

Loading thumbnail…

Untitled

A force-directed graph visualizes patent litigation and licensing relationships among technology companies, with nodes representing firms and links showing suit, licensing, or resolved cases. The visualization uses d3.layout.force to simulate physical forces, positioning nodes and enabling dragging, while SVG circles and text labels display the network. Data from a Thomson Reuters blog post about mobile patent suits drives the layout, with circular areas expanding on mouseover via transition animations. The graph runs in React, leveraging d3.v3 for the force simulation and tick-based position updates.

Ppoppy

86% match

Loading thumbnail…

fancier_force_distance

This example visualizes a force-directed network of patent litigation and licensing disputes among technology companies. It shows how firms are connected through lawsuits, with each link representing a legal relationship and its type distinguished by color and line style. The visualization uses D3.js v3’s `d3.layout.force` to simulate physical forces, positioning nodes and adjusting link distances based on a numeric `distance` property in the data. SVG elements—paths for links with arrow markers, circles for nodes, and text labels—are bound to the force simulation’s tick event, which updates their positions. The source data originates from a Thomson Reuters blog post, and the code manually constructs node and link arrays from a hardcoded list.

JJoelGallagher

78% match

Loading thumbnail…

Force-Directed Graph with Mouseover

A force-directed graph displays patent litigation and licensing relationships among technology companies, using D3.js v3’s `d3.layout.force` to position nodes and links. Dragging nodes is enabled via `force.drag`, while mouseover and mouseout events trigger a 750-millisecond transition that grows and shrinks each node’s circle radius from 8 to 16 pixels. The SVG rendering updates positions on each tick, with labels next to each circle and link lines drawn between sources and targets. Data comes from a hardcoded array of link objects naming companies like Microsoft, Apple, and Samsung.

Mmbostock

76% match

Loading thumbnail…

MIT-License

This visualization uses a physics-based simulation to cluster and connect nodes in a network. It shows a dynamic system of points that repel each other while links pull them together, creating an organic, ever-shifting layout. The code leverages d3.forceSimulation to model the forces and d3.geoPath for rendering the curved edges. Built on a gist of public data, the example demonstrates real-time interaction with the simulation, offering a clear view of how force-directed algorithms explore spatial arrangements.

11wheel

66% match

Loading thumbnail…

D3 viz

A force-directed graph displays a network of academic papers, where each node represents a cited work and its size reflects the number of citing patents. The visualization uses `d3.forceSimulation` to position nodes and `d3.drag` for interactive dragging. Yellow circles are rendered as SVG elements within a fixed 600x600 viewport. The data, containing paper titles and patent counts, is supplied locally in the script.

AArmin van Eldik

64% match

Loading thumbnail…

Gist f0e5d88500fd76302d5a1b9ad07b6ae1

This visualization shows a force-directed network graph of file dependencies, where each node represents a file and links connect related components. The layout uses d3.forceSimulation with custom collision and charge forces to position nodes, while link opacity encodes connection strength. The rendering relies on Canvas 2D drawing with getImageData for pixel-level hover detection. The data comes from a static list of file paths, including Microsoft.Mashup.OleDb.1 and Montego.OleDb.1, with edge weights derived from shared prefixes. The code also uses transition.attrTween to animate node positions smoothly when the layout stabilizes.

HHugoberry

64% match