Docs
API ReferenceTypeScript Client

TypeScript Client

Standardized documentation covering the @dataflow-ai/react npm module. This framework is absolutely perfect for deeply injecting our native Copilot analytics tools into your own internal business react applications seamlessly.

Embedded Analytics Dashboards

Your engineers might be developing custom internal administrative dashboards utilizing Next.js, Remix, or vanilla React.js interfaces.

By dynamically calling the DataFlow AI TypeScript parser inside your frontend UI component tree directly, you can completely bypass the painful necessity of configuring structurally distinct BI tools like Tableau or Looker.

AI Copilot Node Context React Hook

The structurally simplest way to integrate our advanced Text-to-SQL logic natively inside your app is utilizing our optimized pre-built React Context hook framework. It connects securely backend-to-backend so delicate API keys aren't exposed to the client browser.

import { useDataCopilot } from "@dataflow-ai/react"; const RevenueChart = () => { const { data, loading, askQuery } = useDataCopilot(); // Query is mathematically translated to Snowflake SQL automatically // Returning structured JSON D3.js compatible arrays directly inline return ( <div className="p-4 bg-white rounded shadow"> <button onClick={() => askQuery("Chart Monthly Revenue by Product Type")} className="px-4 py-2 bg-blue-600 text-white rounded" > Generate Executive Data Array </button> {!loading && data && <BarChart data={data} />} </div> ); }
← Back to Main App

© 2026 DataFlow AI Docs