QuantumGeometry

Documentation / Animations/QuantumGeometry

default()

function default(props: object): Element;

Defined in: app/components/Animations/QuantumGeometry.jsx:52

QuantumGeometry - Interactive quantum-inspired 3D visualization

Creates a dynamic 3D sphere with animated orbital lines that represent quantum superposition states. The component generates parabolic spherical orbitals with configurable parameters and multiple color schemes. Users can interact with the visualization through hover effects and clicks, triggering wave function collapse-like animations.

Parameters

Parameter	Type	Description
props	{ autoRandomize?: boolean; className?: string; config?: { maxLines?: number; maxSphereSize?: number; minLines?: number; minSphereSize?: number; }; onSphereClick?: Function; }	The component props
props.autoRandomize?	boolean	Whether to auto-randomize the sphere
props.className?	string	Additional CSS classes
props.config?	{ maxLines?: number; maxSphereSize?: number; minLines?: number; minSphereSize?: number; }	Configuration object for sphere generation
props.config.maxLines?	number	Maximum number of orbital lines
props.config.maxSphereSize?	number	Maximum sphere size in pixels
props.config.minLines?	number	Minimum number of orbital lines
props.config.minSphereSize?	number	Minimum sphere size in pixels
props.onSphereClick?	Function	Callback function for sphere clicks

Returns

Element

The quantum geometry visualization

Component

Example

<QuantumGeometry 
  config={{ minLines: 8, maxLines: 15 }}
  autoRandomize={true}
  onSphereClick={(event) => console.log('Sphere clicked')}
/>