Dialectical Wheel

A zero-dependency React + SVG component for rendering interactive dialectical wheels — theses, antitheses, and their positive/neutral/negative poles arranged in concentric rings.

Part of Dialexity. The underlying model and reasoning engine live in the dialectical-framework repo.

Try it

Explore every prop and mode interactively in Storybook:

git clone https://github.com/dialexity/dialectical-wheel.git
cd dialectical-wheel && npm install
npm run storybook   # opens http://localhost:6006

Installation

npm install dialectical-wheel

React 16.8+ is a peer dependency.

Quick Start

import { Wheel } from 'dialectical-wheel';

const perspectives = [
  {
    t_minus: { alias: 'T-', statement: 'Risk group lives' },
    t:       { alias: 'T',  statement: 'Pursue minister elimination' },
    t_plus:  { alias: 'T+', statement: 'Achieve strategic goals' },
    a_plus:  { alias: 'A+', statement: 'Ensure survival peacefully' },
    a:       { alias: 'A',  statement: 'Accept ransom offer' },
    a_minus: { alias: 'A-', statement: 'Compromise core ideals' },
  },
];

export default function App() {
  return <Wheel perspectives={perspectives} interactive />;
}

Also exported: Callout (attach labels to segments), and the tree-shakeable exportWheelSVG / exportWheelPNG / downloadBlob helpers. TypeScript types are bundled.

Development

After cloning and npm install (see Try it):

npm run type-check   # tsc --noEmit
npm run lint         # eslint
npm run build        # rollup: src → dist
npm run storybook    # interactive docs / examples

Storybook is the living documentation — every prop and mode has a story.

Links

• Dialexity
• dialectical-framework — the model and reasoning engine