An open API service indexing awesome lists of open source software.

https://github.com/yilinxia/xray2.0

A visual interface designed to Instantiate and Explain Argumentation Framework
https://github.com/yilinxia/xray2.0

argumentation graphviz llm neurosymbolic-ai

Last synced: 8 months ago
JSON representation

A visual interface designed to Instantiate and Explain Argumentation Framework

Awesome Lists containing this project

README

          


AF-XRAY Logo

AF-XRAY


Argumentation Framework eXplanation, Reasoning, and AnalYsis


[![build](https://img.shields.io/badge/build-passing-brightgreen)](https://github.com/yilinxia/xray2.0)
[![license](https://img.shields.io/badge/license-MIT-green)](LICENSE)

A modern web-based tool for visualizing and analyzing argumentation frameworks with interactive provenance tracking!

- 🎯 **Interactive Graph Visualization**
- 🌐 **Multiple Semantics Support**
- πŸ“Š **Real-time Analysis**
- πŸ” **Provenance Tracking**

## What is AF-XRAY?

AF-XRAY (Argumentation Framework eXplanation, Reasoning, and AnalYsis) is a JavaScript-based web application that brings interactive argumentation framework analysis to your browser. Developed with modern web technologies like Next.js, React, and Cytoscape.js, our tool enables researchers and practitioners to visualize, analyze, and understand complex argumentation frameworks through intuitive interactive interfaces.

## Local Deployment

### Installation

```bash
# Clone the repository
git clone https://github.com/yilinxia/xray2.0
cd xray2.0

# Install dependencies
npm install

# Start development server
npm run dev
```

Navigate to [http://localhost:3000](http://localhost:3000) to access the application.

## Usage

### Creating and Analyzing Frameworks

```javascript
// Example framework in JSON format
const framework = {
"name": "Example Framework",
"arguments": [
{"id": "a", "annotation": "Argument A"},
{"id": "b", "annotation": "Argument B"}
],
"defeats": [
{"from": "a", "to": "b"}
]
};

// Upload this framework to visualize and analyze
```

### Supported File Formats

**Text Format (.txt, .af):**
```
arg(a).
arg(b).
att(a,b).
```

**JSON Format (.json):**
```json
{
"name": "Example Framework",
"arguments": [
{"id": "a", "annotation": "Argument A"},
{"id": "b", "annotation": "Argument B"}
],
"defeats": [
{"from": "a", "to": "b"}
]
}
```

**Graphviz Format (.gv):**
```
digraph G {
a -> b;
}
```

## Developing AF-XRAY

### Prerequisites
- Node.js 18+
- npm or yarn package manager

### Setup

```bash
# Clone the repository
git clone https://github.com/yilinxia/xray2.0
cd xray2.0

# Install dependencies
npm install

# Run tests
npm run test

# Start development server
npm run dev
```

### Project Structure

```
xray2.0/
β”œβ”€β”€ app/ # Next.js app directory
β”œβ”€β”€ components/ # React components
β”‚ β”œβ”€β”€ ui/ # Reusable UI components
β”‚ β”œβ”€β”€ argument-graph.tsx # Main graph visualization
β”‚ β”œβ”€β”€ semantics-panel.tsx # Semantics computation panel
β”‚ └── json-editor.tsx # Framework editor
β”œβ”€β”€ lib/ # Utility functions
β”‚ β”œβ”€β”€ argumentation.ts # Core argumentation logic
β”‚ β”œβ”€β”€ types.ts # TypeScript type definitions
β”‚ └── utils.ts # Utility functions
└── public/ # Static assets
```

## Citation

To learn more about AF-XRAY, check out our research paper published at ICAIL'25.

```bibtex
@inproceedings{xia2025afxray,
title = {AF-Xray: Visual Explanation and Resolution of Ambiguity in Legal Argumentation Frameworks},
author = {Yilin Xia and Heng Zheng and Shawn Bowers and Bertram LudΓ€scher},
booktitle = {Proceedings of the Twentieth International Conference on Artificial Intelligence and Law (ICAIL 2025)},
year = {2025},
pages = {483--485},
address = {Chicago, IL, USA},
publisher = {ACM},
isbn = {979-8-4007-1939-4}
}
```

## License

The software is available under the MIT License.

## Contact

If you have any questions, feel free to open an issue on GitHub.