Skip to main content
100%

fancier_force_distance

✓ Published0🌍 Public
JJoelGallagher
Last edited Nov 18, 2018
Created on Nov 18, 2018

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes