DBL 45BD

100%

✓ Published0🌍 Public

Last edited May 11, 2021

Created on May 11, 2021

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.

AI-generated description

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

Similar vizzes

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

78% match

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

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

71% match

Loading thumbnail…

Galère Césure with Color - React & D3

This example visualizes the email exchange network among colleagues involved in a thesis procedure, using a force-directed layout. Node position encodes sender or recipient roles, while node size reflects the total number of sent and received emails. A color legend identifies each person, and hovering dims unrelated nodes. The visualization is built with React and D3 v7, using `d3.scaleOrdinal` for color, `d3.scaleLinear` for positioning and sizing, and SVG circles for marks. Data comes from a CSV file loaded via `d3.csv`.

MManon ROMAIN

70% match

Loading thumbnail…

Organizational chart using d3.v5

This example displays an interactive organizational chart for a fictional company, with employee nodes showing photos, names, and job titles. The hierarchy is rendered as a zoomable and pannable tree using SVG and animations. Built with React and d3.v5, it leverages `d3.layout.tree`, `d3.svg.diagonal`, and `d3.behavior.zoom` to manage layout, links, and pan/zoom interactions. The data comes from `flare.json`, with expand/collapse controls and a search feature for finding employees.

Ssrinivasjavvadi

69% match

Loading thumbnail…

Visualization of Spatial Data - Tree Graph

This example visualizes an organizational hierarchy as a tree graph using D3.js v5. The code loads employee data from a remote CSV file, then uses `d3.stratify()` to convert flat records into a hierarchical structure and `d3.tree()` to compute layout positions. Nodes are rendered as colored SVG circles—green for CEO, blue for CTO, orange for CFO, and red for HR Manager—with employee names displayed as text labels, while curved links connect managers to their direct reports.

Sshailajat1998@gmail.com

68% match

Loading thumbnail…

Fork of Visualization of Spatial Data - Tree Graph

This example visualizes an organizational hierarchy as a tree graph, with nodes representing employees and colored by role (CEO in green, CTO in blue, CFO in orange, and HR Manager in red). The data is loaded from a CSV file via `d3.csv`, then transformed into a hierarchy using `d3.stratify` and laid out with `d3.tree`. The resulting SVG is rendered using `d3.linkHorizontal` for curved links between nodes, with each node displaying a circle and the employee's name as text.

BBALAJI MANDAVA

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

68% match