Mindmap

An interactive mindmap component for visualizing hierarchical relationships and branching concepts. Perfect for brainstorming sessions, project planning, and knowledge organization.

Installation

hax init
hax add artifact mindmap

Component Setup

import { HAXMindmap, useMindmapAction } from "@/hax/artifacts/mindmap";

export function BrainstormingSession() {
  const [artifacts, setArtifacts] = useState([]);

  useMindmapAction({
    addOrUpdateArtifact: (type, data) => {
      // Handle mindmap updates
    }
  });

  return (
    <HAXMindmap
      title="Project Planning"
      nodes={mindmapNodes}
      connections={mindmapConnections}
    />
  );
}