Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 progress 1

Public visualization

Viewing a saved revision (read-only)

39fa7342aea74ca89194e88ac453a2f6

D3 progress 1

0 stars0🌍 Public
Vv-dkantale@microsoft.com
Last edited Jul 9, 2024
Created on Jul 9, 2024
Forked from Fork of D3 Starter

This interactive force-directed graph visualizes relationships between claim records and associated attributes like phone numbers, addresses, and email addresses. Using custom D3 API calls `d3.forceSimulation`, `d3.forceManyBody`, `d3.forceLink`, and `d3.forceCenter`, the simulation positions nodes while links connect each claim to its shared attributes. The SVG renders circles, text labels, and connecting lines, with node size and color distinguishing main claim nodes from attribute nodes. Data originates from a sample CSV file describing the source-target relationships.

AI-generated description

A demonstration of how to start using D3 version 6.