AI Quick Start

If you are using an AI-powered development environment or an LLM-based agent, you can accelerate the setup process by providing the right context and prompts.

Initial Setup Prompt

Start by asking your agent to prepare the environment:

“ fetch the https://docs.yworks.com/react-yfiles-company-ownership/ai/agent-start.md and follow its instructions ” ✓ ! Copied! Could not copy

This will guide the agent to:

Download and install the necessary yFiles for HTML dependency.
Install the Company Ownership React component.
Set up the specialized agent skill for company ownership diagrams.

After these steps are completed, the session must be restarted for the changes to take effect.

Building and Customizing the Application

Once the environment is prepared, you can prompt the agent to build a sample application, integrate the component into your existing codebase, or enhance its functionality.

Here are some example prompts you can use to get started:

Create a basic company ownership view:

Create a new React component that uses the Company Ownership component to visualize a sample company ownership diagram.

Load data from a JSON file:

Modify the existing company ownership component to load and visualize the company ownership data from 'data/company-ownership.json'.

Add interactivity to the view:

Add a tooltip to the company ownership component that displays the entity name and its ownership percentage when hovering over an element.