> ## Documentation Index
> Fetch the complete documentation index at: https://docs.activeviam.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Atoti Hub

> Find user guides, developer guides, API references, tutorials, and more.

<div className="min-h-screen bg-gradient-to-b from-gray-100 via-white to-white dark:from-zinc-800/40 dark:via-zinc-950 dark:to-zinc-950">
  <div className="px-4 pt-6 pb-8 lg:pt-16 lg:pb-12 max-w-3xl mx-auto text-center">
    <h1 className="text-4xl font-semibold tracking-tight bg-gradient-to-r from-gray-900 to-gray-600 dark:from-zinc-50 dark:to-zinc-400 bg-clip-text text-transparent">
      Atoti Hub
    </h1>

    <p className="mt-4 text-xl text-gray-600 dark:text-zinc-400">Documentation, video tutorials, and other learning resources for Atoti. Everything you need, in one place.</p>
  </div>

  <div className="max-w-4xl mx-auto px-5">
    <h2 className="text-3xl font-medium text-gray-900 dark:text-zinc-50 tracking-tight mb-6 text-center">Documentation</h2>

    <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
      <a href="concepts/intro" className="flex items-start gap-4 rounded-xl border border-gray-200 dark:border-zinc-700 hover:border-[#291a40] dark:hover:border-[#00ade6] hover:shadow-sm transition-all bg-white dark:bg-zinc-900 p-5 no-underline">
        <img src="https://mintcdn.com/activeviam/lTzImDUNm0cHRUws/images/icons/cube-1.svg?fit=max&auto=format&n=lTzImDUNm0cHRUws&q=85&s=713ab385d3d215e903437fcd9fe57d1a" className="w-9 h-9 mt-0.5 shrink-0 dark:invert" width="225" height="225" data-path="images/icons/cube-1.svg" />

        <div>
          <div className="text-base font-semibold text-[#00ade6] dark:text-zinc-100 mb-2">Atoti concepts</div>
          <p className="text-base text-gray-500 dark:text-zinc-400 m-0 leading-relaxed">The <b>core concepts</b> you need to work with Atoti, including guides to <b>improve performance</b>.</p>
        </div>
      </a>

      <a href="atoti-intelligence/atoti-intelligence" className="flex items-start gap-4 rounded-xl border border-gray-200 dark:border-zinc-700 hover:border-[#291a40] dark:hover:border-[#00ade6] hover:shadow-sm transition-all bg-white dark:bg-zinc-900 p-5 no-underline">
        <img src="https://mintcdn.com/activeviam/lTzImDUNm0cHRUws/images/icons/explain.svg?fit=max&auto=format&n=lTzImDUNm0cHRUws&q=85&s=99dec0d6539ed236941c31f8f0b176fe" className="w-9 h-9 mt-0.5 shrink-0 dark:invert" width="225" height="225" data-path="images/icons/explain.svg" />

        <div>
          <div className="text-base font-semibold text-[#00ade6] dark:text-zinc-100 mb-2">Atoti Intelligence</div>
          <p className="text-base text-gray-500 dark:text-zinc-400 m-0 leading-relaxed">Deliver <b>AI-powered insights</b> and <b>automate complex workflows</b> directly from the Atoti UI.</p>
        </div>
      </a>

      <a href="engine/engine" className="flex items-start gap-4 rounded-xl border border-gray-200 dark:border-zinc-700 hover:border-[#291a40] dark:hover:border-[#00ade6] hover:shadow-sm transition-all bg-white dark:bg-zinc-900 p-5 no-underline">
        <img src="https://mintcdn.com/activeviam/lTzImDUNm0cHRUws/images/icons/atoti-ui-same-as-javascript-api-2.svg?fit=max&auto=format&n=lTzImDUNm0cHRUws&q=85&s=9d520d84089d4e6845c02cdae38f3a92" className="w-9 h-9 mt-0.5 shrink-0 dark:invert" width="225" height="225" data-path="images/icons/atoti-ui-same-as-javascript-api-2.svg" />

        <div>
          <div className="text-base font-semibold text-[#00ade6] dark:text-zinc-100 mb-2">Atoti Engine</div>
          <p className="text-base text-gray-500 dark:text-zinc-400 m-0 leading-relaxed">Build and extend Atoti applications with the <b>Java and Python SDKs</b>, and manage your system with the <b>Admin UI</b>.</p>
        </div>
      </a>

      <a href="solutions/solutions" className="flex items-start gap-4 rounded-xl border border-gray-200 dark:border-zinc-700 hover:border-[#291a40] dark:hover:border-[#00ade6] hover:shadow-sm transition-all bg-white dark:bg-zinc-900 p-5 no-underline">
        <img src="https://mintcdn.com/activeviam/lTzImDUNm0cHRUws/images/icons/atoti-business-solutions.svg?fit=max&auto=format&n=lTzImDUNm0cHRUws&q=85&s=777a3e47dcf2454846f7ce63133bcdc4" className="w-9 h-9 mt-0.5 shrink-0 dark:invert" width="225" height="225" data-path="images/icons/atoti-business-solutions.svg" />

        <div>
          <div className="text-base font-semibold text-[#00ade6] dark:text-zinc-100 mb-2">Atoti Solutions</div>
          <p className="text-base text-gray-500 dark:text-zinc-400 m-0 leading-relaxed"><b>Deploy Atoti</b> with our solutions built <b>for the financial services industry</b>.</p>
        </div>
      </a>

      <a href="data-visualization/data-visualization" className="flex items-start gap-4 rounded-xl border border-gray-200 dark:border-zinc-700 hover:border-[#291a40] dark:hover:border-[#00ade6] hover:shadow-sm transition-all bg-white dark:bg-zinc-900 p-5 no-underline">
        <img src="https://mintcdn.com/activeviam/lTzImDUNm0cHRUws/images/icons/atoti-ui-same-as-javascript-api-1.svg?fit=max&auto=format&n=lTzImDUNm0cHRUws&q=85&s=dbde2cdb4d4d7ba8397d31a110ff9090" className="w-9 h-9 mt-0.5 shrink-0 dark:invert" width="225" height="225" data-path="images/icons/atoti-ui-same-as-javascript-api-1.svg" />

        <div>
          <div className="text-base font-semibold text-[#00ade6] dark:text-zinc-100 mb-2">Data visualization</div>
          <p className="text-base text-gray-500 dark:text-zinc-400 m-0 leading-relaxed"><b>Use and customize the Atoti UI</b>, and connect to <b>third-party visualization tools</b> such as Excel, Power BI and Tableau.</p>
        </div>
      </a>

      <a href="videos/videos" className="flex items-start gap-4 rounded-xl border border-gray-200 dark:border-zinc-700 hover:border-[#291a40] dark:hover:border-[#00ade6] hover:shadow-sm transition-all bg-white dark:bg-zinc-900 p-5 no-underline">
        <img src="https://mintcdn.com/activeviam/duaQk9wU3mgO5MD4/images/icons/video-1.svg?fit=max&auto=format&n=duaQk9wU3mgO5MD4&q=85&s=0314d9515b6f216777b3760ffcbefdcd" className="w-9 h-9 mt-0.5 shrink-0 dark:invert" width="225" height="225" data-path="images/icons/video-1.svg" />

        <div>
          <div className="text-base font-semibold text-[#00ade6] dark:text-zinc-100 mb-2">Videos</div>
          <p className="text-base text-gray-500 dark:text-zinc-400 m-0 leading-relaxed">Step-by-step <b>video tutorials</b> for <b>Atoti concepts, UI, workflows</b>, and <b>solutions</b>.</p>
        </div>
      </a>
    </div>

    <div className="mt-8 px-4 pt-6 pb-16">
      <h2 className="text-3xl font-medium text-gray-900 dark:text-zinc-50 tracking-tight mb-6 text-center">Resources</h2>

      <div className="grid grid-cols-2 sm:grid-cols-4 gap-3">
        <a href="https://github.com/activeviam" className="flex flex-col rounded-xl border border-gray-200 dark:border-zinc-700 hover:border-[#291a40] dark:hover:border-[#00ade6] hover:shadow-sm transition-all bg-white dark:bg-zinc-900 p-4 no-underline">
          <svg className="w-6 h-6 mb-2 text-gray-900 dark:text-zinc-100 fill-current shrink-0" viewBox="0 0 24 24">
            <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
          </svg>

          <div className="text-sm font-semibold text-[#00ade6] dark:text-zinc-100 mb-1">GitHub resources</div>
          <p className="text-sm text-gray-500 dark:text-zinc-400 m-0 leading-snug">Sample projects, code examples, and open-source repositories.</p>
        </a>

        <a href="connect-mcp-server" className="flex flex-col rounded-xl border border-gray-200 dark:border-zinc-700 hover:border-[#291a40] dark:hover:border-[#00ade6] hover:shadow-sm transition-all bg-white dark:bg-zinc-900 p-4 no-underline">
          <span className="text-[#291a40] dark:text-zinc-100 mb-2 shrink-0 flex items-center">
            <Icon icon="robot" iconType="solid" size={24} />
          </span>

          <div className="text-sm font-semibold text-[#00ade6] dark:text-zinc-100 mb-1">AI coding tools</div>
          <p className="text-sm text-gray-500 dark:text-zinc-400 m-0 leading-snug">Connect your AI coding tools to the Atoti docs for context-aware assistance.</p>
        </a>

        <a href="https://www.activeviam.com/training-consulting/" className="flex flex-col rounded-xl border border-gray-200 dark:border-zinc-700 hover:border-[#291a40] dark:hover:border-[#00ade6] hover:shadow-sm transition-all bg-white dark:bg-zinc-900 p-4 no-underline">
          <img src="https://mintcdn.com/activeviam/duaQk9wU3mgO5MD4/images/icons/user-3.svg?fit=max&auto=format&n=duaQk9wU3mgO5MD4&q=85&s=3705bc356924f6fc82224f067969655c" className="w-6 h-6 mb-2 shrink-0 dark:invert" width="225" height="225" data-path="images/icons/user-3.svg" />

          <div className="text-sm font-semibold text-[#00ade6] dark:text-zinc-100 mb-1">Training services</div>
          <p className="text-sm text-gray-500 dark:text-zinc-400 m-0 leading-snug">Instructor-led training and consulting services from the ActiveViam team.</p>
        </a>

        <a href="requirements-and-eos" className="flex flex-col rounded-xl border border-gray-200 dark:border-zinc-700 hover:border-[#291a40] dark:hover:border-[#00ade6] hover:shadow-sm transition-all bg-white dark:bg-zinc-900 p-4 no-underline">
          <img src="https://mintcdn.com/activeviam/lTzImDUNm0cHRUws/images/icons/document.svg?fit=max&auto=format&n=lTzImDUNm0cHRUws&q=85&s=89c7503ffca8a3c45ede004146a385fb" className="w-6 h-6 mb-2 shrink-0 dark:invert" width="225" height="225" data-path="images/icons/document.svg" />

          <div className="text-sm font-semibold text-[#00ade6] dark:text-zinc-100 mb-1">Requirements and EOS</div>
          <p className="text-sm text-gray-500 dark:text-zinc-400 m-0 leading-snug">End of support policies, system requirements, and compatibility information.</p>
        </a>
      </div>
    </div>

    <div className="border-t border-gray-200 dark:border-zinc-700 mt-8 py-6 px-4">
      <div className="max-w-4xl mx-auto flex flex-wrap justify-center gap-x-6 gap-y-2 text-xs text-gray-500 dark:text-zinc-400">
        <a href="https://www.activeviam.com" className="no-underline hover:text-gray-800 dark:hover:text-zinc-200 transition-colors">© ActiveViam</a>
        <a href="https://www.activeviam.com/privacy-policy/" className="no-underline hover:text-gray-800 dark:hover:text-zinc-200 transition-colors">Privacy policy</a>
        <a href="https://www.activeviam.com/website-terms-of-use/" className="no-underline hover:text-gray-800 dark:hover:text-zinc-200 transition-colors">Terms of use</a>
        <a href="https://activeviam.com/wp-content/uploads/ActiveViam-_-Anti-modern-slavery-statement-2025.pdf" className="no-underline hover:text-gray-800 dark:hover:text-zinc-200 transition-colors">Anti-modern slavery statement</a>
      </div>
    </div>
  </div>
</div>