Skip to main content
SimilarExport ZIP
100%

RC 007 Fork of Network

✓ Published1🌍 Public
Rrichardcorreia@my.unt.edu
Last edited Oct 31, 2025
Created on Oct 31, 2025
Forked from Network

This force-directed graph maps the U.S. electrical grid, showing three interconnections, six generation types, and five independent system operators linked by transfer capacity. Nodes are positioned using physics-based simulation, while link thickness encodes capacity in gigawatts and node color distinguishes type. The network is built with D3.js v7, using the `d3.forceSimulation` API on an SVG canvas, and supports interactive node dragging for exploration. Metadata indicates the layout derives from a v3 source file, with styling applied via CSS for node strokes and label typography.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE8-network graph

This network graph visualizes an electricity infrastructure system, showing power plants, substations, and distribution centers as colored nodes with links labeled by capacity in megawatts. The D3.js visualization uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCenter` to position connected elements, while nodes are colored by group type. The SVG renders straight lines for connections, rotated text labels for capacities, and node labels that display on mouseover. The underlying `data.json` supplies the node and link data with capacity values.

Ppilliprathimarani@my.unt.edu
74% match
Loading thumbnail…

Network 11719939

This network graph visualizes electric vehicle charging stations, with nodes colored by charger type and linked when they share the same station operator. The layout is computed using d3.forceSimulation with forceLink and forceManyBody, while links are drawn as SVG lines and nodes as labeled circles. Data comes from a CSV file loaded via d3.csv, containing station IDs, operators, and charger types. The simulation updates node and link positions on each tick, producing a clustered view of operator relationships.

AArram Anila
72% match
Loading thumbnail…

Fork of Fork of SiteBulb Graph

A force-directed graph maps the network of connections from the Kenneth Rainin Foundation's website, using node size to distinguish main hub nodes from child and leaf nodes. Built with D3 v6, the visualization uses `d3.forceSimulation`, `forceManyBody`, `forceLink`, and `forceCenter` to position elements, while `d3.drag` and `d3.zoom` enable interaction. Node colors are defined in an exported palette from `colors.js`, and all SVG elements render in an HTML page.

DDonald Bagwell
72% match
Loading thumbnail…

Fork of Force-Directed Graph IT ct with alternatin Power

This network diagram uses force-directed layout to show relationships between IT applications and infrastructure components. Nodes represent applications from a CSV file, while links show connections with varying strength values that determine link distances—stronger connections place nodes closer together. The simulation uses `d3.forceSimulation` with `forceManyBody`, `forceLink`, `forceCenter`, and `forceCollide` to position the circles. Nodes are draggable through D3's drag interaction, which fixes their positions during dragging. All elements render as SVG circles, text labels, and light gray lines.

MMichaelTress
72% match
Loading thumbnail…

Fork of Knowledge Graph

This interactive network diagram maps data flows between subscriber and network system components, with nodes grouped by category and colored by system type. The graph uses a force-directed layout via `d3.forceSimulation`, combining `forceY`, `forceX`, and `forceCollide` to organize nodes into vertical bands. SVG lines with arrowhead markers trace directed links, while each edge carries a label along an invisible `path` using `textPath`. Node radius encodes runtime values, and drag behavior allows manual repositioning. The dataset includes 14 nodes and 12 links defined in a separate module.

Mmiloparra
71% match
Loading thumbnail…

Fork of Network Practice

This example shows a force-directed network of 13 nodes connected by 17 links, with nodes colored by group using a categorical scale and link thickness varying with edge weight. The visualization loads node and link data from a JSON file and renders it as SVG circles and lines. It uses `d3.forceSimulation` with `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to compute the layout, updating node positions and link endpoints on each tick.

Hherbertamakloe
71% match
Loading thumbnail…

Fork of Network

A force-directed network visualizes the relationships among countries, movies, directors, and cast members for two sample films, "The Grand" and "Take Care." Using d3.forceSimulation with link, charge, and center forces, the SVG graph positions colored circles, each mapped to a category, with text labels and draggable nodes. The code builds nodes and links from a hardcoded JavaScript array, then updates positions on each simulation tick, while d3.drag enables interactive manual repositioning.

Ssravya7136@gmail.com
71% match
Loading thumbnail…

Fork of Network

This interactive network visualization shows flight routes between major cities and hub airports across the United States. Nodes are drawn as SVG circles, with larger light green circles representing hub airports and smaller light blue circles representing major cities. The layout is driven by d3.forceSimulation using link, charge, center, and collision forces, while links are rendered as gray lines. Users can drag nodes to reposition them, and hovering reveals a tooltip with the node’s ID and type.

Mmaddulanagasanjana@gmail.com
71% match