Untitled

100%

✓ Published0🌍 Public

Last edited May 11, 2021

Created on Apr 30, 2021

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`.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Arc diagram

This arc diagram visualizes email communication patterns within the Enron corporation, using data from a CSV file. It displays employee email addresses along a horizontal axis, with arcs connecting senders to recipients. The visualization employs D3.js (with SVG rendering) to create the arcs, scale point positioning for node layout, and ordinal color scaling to distinguish job titles. Node size and label rotation enhance readability, while the zoom functionality allows for detailed exploration of the network.

TTimStapert

89% match

Loading thumbnail…

Untitled

This visualization displays a circular arc diagram of node-link data, with nodes positioned along a horizontal axis and connected by curved paths. Hovering over a node highlights it and its associated links while dimming others and enlarging its label. The code uses D3.js v4 with d3.scaleOrdinal for group colors, d3.scalePoint for x-axis positioning, and d3.scaleLinear for node sizes. It renders as an SVG, loading data from a CSV file and applying a color palette from d3-scale-chromatic.

SSRC199

81% match

Loading thumbnail…

DBL 45BD

This visualization displays email communication patterns within the DBL Group 45BD workgroup, using a custom arc diagram to show relationships between employees. It plots each unique email address as a node along a horizontal axis, with curved paths connecting senders to recipients, colored by job title using the d3-scale-chromatic color palette. The code filters data to only show top-level roles like CEO, President, and Manager, and limits the dataset to 1000 records. Built with React and SVG, it implements zoom functionality through d3.zoom and reads CSV data using d3.csv.

TTimStapert

78% 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

77% match

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

77% match

Loading thumbnail…

Untitled

This example shows an arc diagram where nodes are positioned along the x-axis and connected by curved links, with each node represented as a green circle. The visualization uses D3.js v4 to read a dataset containing node and link information, mapping node names to x-coordinates via a scale. The code selects and enters circle elements for each node, setting their horizontal position using the x scale and placing them at a fixed vertical offset, with the SVG created inside the `#my_dataviz` div.

Sshmouelsamares

77% 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

75% 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

75% match