Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of 12 links of dependent arising

Public visualization

Viewing a saved revision (read-only)

af4b11a3eed04bf5a9cac2309118c9b5

Fork of Fork of 12 links of dependent arising

0 stars1🌍 Public
NNita
Last edited May 20, 2025
Created on May 16, 2025

This radial visualization presents the twelve links of dependent arising as an interactive circular cycle, where each link’s distance from the center encodes its intensity. Built with React and D3 v7, it uses `d3.scaleLinear` for angular and radial positioning, `d3.scaleOrdinal` for categorical color mapping, and a cardinal-closed path to connect the points. Hovering reveals detailed tooltips, while clicking filters the view, highlighting the selected link and its connecting lines. Data comes from a CSV file.

AI-generated description

The 12 Links of Dependent Arising Visualization

An interactive D3.js visualization of the Buddhist concept of Pratītyasamutpāda (Dependent Arising).

Features

  • Interactive circular visualization of the 12 links
  • Hover and click functionality to explore each link
  • Detailed tooltips with descriptions
  • Responsive design that adapts to different screen sizes
  • Smooth transitions and animations

Technical Details

  • Built with React and D3.js
  • Implements data-driven visualizations using D3 joins
  • Uses a modular architecture for maintainable code
  • Responsive design using ResizeObserver

Usage

  1. Click on any point to focus on a specific link
  2. Hover over points to see detailed descriptions
  3. Use the legend to navigate between different links