Longterm Wiki
Updated 2026-03-13HistoryData
Page StatusContentDiagram
Edited today275 words
42QualityAdequate73.5ImportanceHigh73.5ResearchHigh
Summary

Interactive visualization tool demonstrating cause-effect relationships in AI safety using a hierarchical graph with 7 nodes (rapid AI progress → insufficient alignment/competitive pressure → misaligned systems → loss of control/unintended consequences → existential risk). The tool encodes relationship strength, confidence levels (ranging 0.3-0.85), and causal direction through visual properties, though the example content itself represents standard AI safety arguments rather than novel analysis.

Content4/13
LLM summaryScheduleEntityEdit history1Overview
Tables2Diagrams1/ ~1Int. links0/ ~3Ext. links0/ ~1Footnotes0/ ~1References0/ ~1Quotes0Accuracy0RatingsN:6.5 R:4 A:5.5 C:5
Change History1
Remove legacy pageTemplate frontmatter3 weeks ago

Removed the legacy `pageTemplate` frontmatter field from 15 MDX files. This field was carried over from the Astro/Starlight era and is not used by the Next.js application.

opus-4-6 · ~10min

Cause-Effect Graph Demo

This is a prototype of an interactive cause-effect graph visualization. Click on any node to expand its details panel. Hover over nodes for quick descriptions.

Example: AI Safety Risk Factors

List View
Computing layout...
Legend
Node Types
Leaf Nodes
Causes
Intermediate
Effects
Arrow Strength
Strong
Medium
Weak

Features

  • Auto-layout: Nodes are automatically positioned using the ELK algorithm for clean hierarchical display
  • Click to expand: Click any node to open a detailed side panel with full information
  • Hover tooltips: Mouse over any node to see a quick description
  • Color-coded nodes: Red for causes, green for effects, purple for intermediate factors
  • Visual arrow encoding: Arrows convey information through thickness, style, and color (see below)
  • Interactive: Drag nodes to rearrange, zoom and pan the view

Arrow System

Arrows encode three dimensions of information visually:

PropertyVisualMeaning
ThicknessThick / Medium / ThinInfluence strength (strong / medium / weak)
StyleSolid / Dashed / DottedConfidence level (high / medium / low)
ColorRed / GreenEffect direction (increases risk / decreases risk)

Node Types

ColorTypeDescription
RedCauseRoot causes or initial factors
PurpleIntermediateFactors that are both effects of some causes and causes of other effects
GreenEffectEnd outcomes or consequences

Details Panel

Click on any node to see:

  • Confidence bar: Visual representation of the confidence level
  • Description: Brief summary of the concept
  • Details: Extended explanation with context
  • Related Concepts: Tags showing connected ideas
  • Sources: References and citations