VonBrank

@vonbrank·2 public vizzes

Force-Directed Graph IT Fork Test

This example visualizes IT infrastructure dependencies as an interactive force-directed graph, with applications as nodes and their interfaces as links. The graph is rendered as SVG circles and lines, with node labels displayed alongside each circle. The code uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, `forceCenter`, and `forceCollide` to position elements, while `d3.drag` enables interactive node dragging. It loads node and link data from separate CSV files (`applications.csv` and `interf.csv`), with links defined by named source and target accessors.

Apr 8, 2023

Loading thumbnail…

Fork of HTML Starter

This example displays a single dark circle centered on a blank SVG canvas, demonstrating the basic structure of an HTML page with embedded CSS and JavaScript. The rendered output is produced through an inline SVG element that defines a circle with a specified radius and position using SVG attributes. The code relies on standard web technologies—HTML, CSS, and JavaScript—without any external libraries or frameworks. It serves as a minimal, static starter template for more complex visualizations, with the SVG coordinate system and viewport set to a fixed width and height.

Apr 8, 2023