Skip to content

Readme.md

Latest commit

 

History

History
33 lines (19 loc) · 2.26 KB

Readme.md

File metadata and controls

33 lines (19 loc) · 2.26 KB
Raw

Syncfusion Blazor Diagram - AI Samples

Diagram Component - MindMap

Overview

This demo showcases the creation of a dynamic MindMap Diagram using the Blazor Diagram Component with AI assistance. The mindmap features nodes and connectors arranged in a layout that visually organizes and represents ideas and concepts. It's a powerful tool for brainstorming, organizing thoughts, and mapping out complex information visually.

Features

  • AI-Powered Generation: Automatically creates mindmap diagrams based on AI-generated content.
  • Interactive Nodes: Add, edit, or delete nodes through the context menu for flexible diagram management.
  • Customization: Users can manually add child nodes to further expand and personalize the mindmap.

How It Works

This sample leverages a specialized AI prompt that allows users to generate the mindmap content by submitting a request to OpenAI. The AI response is parsed and transformed into nodes and connectors, visually representing the ideas or concepts in a mindmap format. Additionally, users can manually add child nodes using user handles, creating an interactive and customized mindmap experience.

Diagram Component - FlowChart

Overview

This demo illustrates the creation of a FlowChart Diagram using the Blazor Diagram Component with AI assistance. The flowchart features nodes and connectors arranged in a layout designed to visually represent processes and workflows, making it ideal for step-by-step procedures, workflows, and decision-making paths.

Features

  • AI-Powered Creation: Generates flowchart diagrams based on AI-generated content.
  • Structured Layout: Visually represents processes and workflows through connected nodes.
  • Interactive Visualization: Users can dynamically create flowcharts based on their input, offering an interactive depiction of decision-making paths.

How It Works

This sample leverages a specialized AI prompt to dynamically create a flowchart by submitting a request to AI. The AI-generated response is parsed and transformed into nodes and connectors arranged in a flowchart layout. Users can generate and visualize processes or workflows interactively, offering an organized and clear representation of step-by-step procedures and decision-making paths.