Fork of Email Enron Large Network

100%

Fork of Email Enron Large Network

✓ Published0🌍 Public

Last edited Feb 24, 2023

Created on Feb 24, 2023

This example visualizes a large email network from the Enron corpus using a force-directed graph rendered on a Canvas element. Nodes represent email addresses and links represent email exchanges, with node colors indicating party affiliation. The layout is computed with `d3.forceSimulation` and forces including `forceManyBody`, `forceCollide`, and `forceLink`, while user interaction enables dragging via `d3.drag`. Data is loaded from a CSV file, and rendering occurs on a 900x900 canvas with explicit draw functions.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Email Enron Large Network

A large Enron email network is visualized as a force-directed graph on a canvas. Nodes represent email addresses, and edges show communication links, with colors distinguishing parties. The layout is computed using d3.forceSimulation with forceX, forceY, forceCollide, forceManyBody, and forceLink forces, while drag interactions let users reposition nodes. Data is loaded from a local CSV file via d3.csv.

Vva1337n

92% match

Loading thumbnail…

Force-Directed Hierarchy Graph with Node2Vec

This example visualizes a large email communication network as a force-directed hierarchy graph, using a Node2Vec-inspired random-walk embedding to compute node similarities. The view displays color-coded clusters of nodes, with edges connecting related individuals, allowing exploration of community structures within the Enron dataset. Built with D3 v7, it employs `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position nodes, while zoom and drag interactions are enabled via `d3.zoom` and `drag`. The graph is rendered as SVG, with node colors derived from either precomputed community assignments or k-means clustering on the embeddings.

KKhanin Sisaengsuwanchai

79% match

Loading thumbnail…

Gist 8989f184ab98d1e190581e18829af3be

This example shows a force-directed graph of email communications, revealing clusters of senders and recipients by their connection strength. It uses D3’s `d3.forceSimulation` to compute node positions and `d3.forceLink` to manage edges, while a Canvas `getImageData` pixel readout colors nodes by their local density. The graph is drawn on a 2D canvas, with node size and color encoding degree centrality and community membership. Data is loaded from an external edge list, and the simulation runs continuously with a fade-in transition via `transition.attrTween` on opacity.

CConorAspell

77% match

Loading thumbnail…

Fork of D3 Starter

This example demonstrates a force-directed network graph of interconnected hubs—Email, Search Engine, OpenVas, and NFV—each with child nodes and leaf clusters. Built with D3 version 7, it uses `forceSimulation` with `forceManyBody`, `forceLink`, and `forceCenter` to position nodes, while SVG elements (`circle`, `line`, `text`) are rendered and updated on each tick. The visualization includes draggable nodes via `drag` interaction, with colors sourced from `color.js` and network data defined in `data.js`.

Ppwnnoob

75% match

Loading thumbnail…

Fork of Network Graph

This fork of a network graph visualizes a hierarchical node-link structure on a dark canvas. It uses the `d3` library's deterministic simulation toolkit, specifically `d3.forceSimulation` with `d3.forceManyBody`, `d3.forceLink`, and `d3.forceCollide`, to position nodes. The example reads node data from a CSV file and employs Canvas rendering for the visualization. Nodes are color-coded and sized according to their position in the hierarchy, with the root and key nodes highlighted in distinct colors.

EELBOUNIAmine

74% match

Loading thumbnail…

Fork of Fork of Canvas Force Tutorial

A force-directed network visualization renders a small social graph of named individuals from a CSV file, with nodes drawn as circles and links as lines on an HTML canvas. D3’s `forceSimulation` with `forceLink`, `forceManyBody`, and `forceCollide` drives the layout, while the `ticks` update the canvas via the `getContext('2d')` API. Node positions are centered using `forceX` and `forceY`, and edge weights from the data are parsed but not visually encoded.

Ssalwa191

74% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Canvas Force Tutorial

This visualization shows a Facebook friend network as a force-directed graph rendered on an HTML `<canvas>` element. The code loads edge data from a CSV file, builds nodes and links, and applies `d3.forceSimulation` with `forceX`, `forceY`, `forceCollide`, `forceManyBody`, and `forceLink` to position the network. Each tick redraws nodes as small circles and links as lines using Canvas 2D context methods, with a simple 700×500 layout and muted stroke styling.

YYUTONG FENG

74% match

Loading thumbnail…

Fork of Canvas Force Tutorial

This example shows a force-directed network graph built from a CSV file of names and connection weights, rendered as circles and lines on an HTML5 Canvas. It uses d3.forceSimulation with forceX, forceY, forceCollide, forceManyBody, and forceLink to position the nodes, updating the canvas on each simulation tick via the `ctx` drawing context. The visualization reads data.csv asynchronously with d3.csv, constructs the node and link arrays, and then starts the simulation, with node radius fixed at 7 pixels.

Hherbertamakloe

74% match