Adjacency matrix V1

100%

Adjacency matrix V1

✓ Published0🌍 Public

Last edited May 19, 2021

Created on Apr 28, 2021

This adjacency matrix visualizes email communication patterns from the Enron corpus, mapping each of the 149 unique sender and recipient IDs along the x- and y-axes. Cell color encodes average sentiment per sender-recipient pair, ranging from blue (negative) through white (neutral) to red (positive). The visualization uses D3 v4’s `scaleBand` for axes, `d3.nest` for hierarchical data aggregation, and `d3.scaleLinear` for the sentiment color scale, rendered as SVG with zoom support via `d3.zoom`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

New Matrix V2

This matrix visualization displays email communication patterns within the Enron dataset, using color intensity to represent average sentiment between sender-recipient pairs. The adjacency matrix shows all employees on both axes, with cells colored from yellow through white to blue based on sentiment scores. Built with D3 v4 and React, the code uses `d3.nest()` to aggregate emails by sender and recipient, `d3.scaleLinear` for sentiment coloring, and `d3.zoom` for interactive panning. Employee job titles are encoded through axis label colors using a categorical scale, with the SVG rendered client-side.

TTimStapert

87% match

Loading thumbnail…

Untitled

This visualization is an adjacency matrix of email communications within the Enron corpus. Each cell represents the relationship between a sender (fromId) and a recipient (toId), with color indicating the average sentiment of their exchanged messages—orange for negative, white for neutral, and blue for positive. The matrix is rendered as an SVG using d3.v4, with `d3.scaleBand` for both axes, `d3.nest` and `rollup` to aggregate sentiment, and a linear color scale mapping sentiment values. The data comes from a CSV file containing email metadata, dates, and sentiment scores.

AAlexandru Brebeanu

86% match

Loading thumbnail…

New matrix

This matrix visualization displays email communication patterns within the Enron dataset, showing the number of messages sent between employees as colored cells in an adjacency matrix. The code uses d3.nest() to group emails by sender and recipient, calculating total message counts and average sentiment scores for each pair. It renders the visualization using d3.v4 and d3-scale-chromatic for color mapping. The example demonstrates a data preprocessing workflow where nested data is flattened into link objects containing sender and recipient information, though the actual matrix rendering and node extraction remain incomplete.

TTimStapert

84% match

Loading thumbnail…

Sorting data

This visualization displays the Enron email network as an adjacency matrix, where each cell represents the correspondence between a sender and recipient. The data is pre-processed by grouping emails by sender and receiver, calculating the total number of emails exchanged and the average sentiment score. The implementation uses d3.v4’s `d3.csv` and `d3.nest` APIs, along with custom JavaScript to structure the data before rendering the matrix. The example is built with the React framework, reading from a CSV file containing email metadata such as date, job titles, and sentiment values.

TTimStapert

79% match

Loading thumbnail…

Data manipulation trial

This visualization demonstrates the initial stages of transforming raw Enron email data into an interactive adjacency matrix. It shows how email records are grouped and aggregated to reveal communication patterns and sentiment scores between individuals. The code uses D3.js v3’s `d3.nest()` and `d3.csv()` to parse the dataset, then restructures grouped data into link objects containing sender, recipient, mail count, and average sentiment. Key D3 API methods include `d3.sum()` and `d3.mean()` for rollup calculations, alongside standard JavaScript array methods to prepare nodes for future rendering.

TTimStapert

79% match

Loading thumbnail…

Adjacency Matrix

This example visualizes the adjacency relationships in a network as a matrix, where rows and columns correspond to nodes and colored cells indicate the presence of a link. The code uses D3.js v6 to load CSV data from a GitHub gist, constructs a square grid of rectangles sized 17x17 pixels, and encodes edge weights via fill opacity. Interactive mouseover events highlight the entire row and column of a hovered cell and display a tooltip with the link ID. Node labels are rendered as text along both axes.

PPranay Matalia

72% match

Loading thumbnail…

adjacency matrix

This adjacency matrix visualization uses a grid of colored cells to show connections between individuals in a social network, with darker orange cells indicating stronger relationships. The code loads node and edge data from CSV files, then constructs a matrix where each row and column represents a person, and cell opacity reflects edge weights. Built with D3.js v4, it renders SVG rectangles for the matrix cells, labels axes with node names, and highlights rows and columns on mouseover. The example uses D3’s selection, data binding, and event handling APIs to create an interactive overview of pairwise relationships.

663anp3ca

72% match

Loading thumbnail…

Untitled

A circular arc diagram traces email communication among Enron employees, with nodes positioned along a horizontal axis and curved paths linking senders to recipients. Job titles determine node colors via a categorical scale, while node size reflects sender ID. The visualization filters the CSV dataset to 1,000 records, sorts by job title, and renders paths using SVG `path` elements with elliptical arcs. Built with D3 v4 and React, it supports zooming through `d3.zoom()` and relies on `d3.scalePoint` for positioning and `d3.scaleOrdinal` for color assignment from `d3.schemeSet3`.

TTimStapert

72% match