Skip to content

Latest commit

 

History

History
432 lines (314 loc) · 22.7 KB

README.md

File metadata and controls

432 lines (314 loc) · 22.7 KB

AI Syncfusion Samples Repository

This repository contains all AI-related Syncfusion samples organized in a separate repository. It includes various components and functionalities that leverage AI technologies to enhance Syncfusion components.

Components and Dependencies

Local Embeddings

The following samples use MSDN smart component's local embeddings and do not require Azure OpenAI:

  • DataGrid (Semantic Filtering)
  • ComboBox (Embeddings)
  • FileManager (Tag Searching)

Stability AI

Image Editor AI samples rely on third party Stability AI service.

OpenAI Dependencies

All other component samples rely on OpenAI/Azure OpenAI services. Ensure you have the necessary API keys and configuration settings to run these samples.

Configuration Instructions

Configuring AI Service Credentials

To run AI samples, navigate to the Program.cs file and replace the following placeholders with your actual credentials:

Azure OpenAI

string apiKey = "your-api-key";
string deploymentName = "your-deployment-name";
string endpoint = "your-azure-endpoint-url";

Your azure Endpoint would look something like this https://{resource_name}.openai.azure.com/

OpenAI

If you are using OpenAI, create an API key and place it at apiKey, leave the endpoint as "". The value for deploymentName is the model you wish to use (e.g., gpt-3.5-turbo, gpt-4, etc.).

Configuring Image Editor AI

The Image Editor AI depends on a third-party AI service called Stability AI for AI Image processing. To use it, follow these steps:

  • You may obtain your API key from Stability AI.
  • Navigate to SmartImageEditor.razor file under Pages/ImageEditor folder and replace the placeholder with actual API_KEY:
// Stability AI APIKEY
public string ApiKey = "your-api-key";

Once configured everything, hit Run and you're good to go!

Smart Components

Smart Paste Button

The SfSmartPasteButton is an advanced AI component built on top of Syncfusion's Button component. It inherits all the robust features and functionalities of the standard Syncfusion Button component while introducing an innovative intelligent pasting capability. This component leverages AI to intelligently paste clipboard data, ensuring that the pasted content is contextually relevant and formatted correctly.

Gif image of SmartPasteButton

By integrating the capabilities of AI, the SfSmartPasteButton goes beyond simple data insertion. It ensures that pasted content is contextually relevant and is ideal for applications where users frequently copy and paste data.

For more insights, refer here.

Smart TextArea

The SfSmartTextArea is an AI-powered enhancement to the traditional textarea, offering sentence-level autocompletion based on its configuration and user input, improving typing speed and efficiency.

Gif image of SmartTextArea component

For more insights, refer here.

Smart AI Solutions

Combo Box

The Syncfusion Blazor ComboBox now includes an advanced Semantic Search feature, designed to enhance search functionality by understanding the meaning behind user queries, not just keywords. This results in more accurate and intuitive search outcomes, especially in applications with large or complex datasets.

For more insights, refer here.

Scheduler

The Syncfusion Blazor Scheduler now features advanced AI capabilities that transform natural language text into structured scheduler events. This integration enhances user experience by allowing casual text input to be seamlessly converted into meeting appointments, making scheduling more efficient and intuitive.

Gif image of Scheduler component

For more insights, refer here.

Rich Text Editor

The Syncfusion Blazor Rich Text Editor now features advanced AI-powered samples that enhance content creation and editing. This integration provides users with powerful tools for rephrasing, grammar correction, summarization, elaboration, translation, and sentiment analysis, making the writing process more efficient and intuitive.

Gif image of RichTextArea component

For more insights, refer here.

Pivot Table

The Syncfusion Blazor Pivot Table now features advanced AI capabilities that transform the way users visualize and analyze data. This integration empowers users to dynamically explore and extract insights from complex datasets with ease. Key functionalities include Smart Data Aggregation for automatic data consolidation, Predictive Modeling to identify trends and patterns, and Adaptive Filtering to ensure only relevant data is displayed.

Gif image of Pivot Table component

For more insights, refer here.

TreeGrid

The Syncfusion Blazor Tree Grid leverages AI to enhance the structuring and correction of hierarchical data, ensuring accurate parent-child relationships. This demo highlights AI's ability to automatically organize and display complex datasets, making it easier to visualize structured data in the Tree Grid component.

Gif image of TreeGrid component

For more insights, refer here.

QueryBuilder

The Syncfusion Blazor Query Builder now features Natural Language Querying, allowing users to construct complex queries effortlessly using plain, everyday language. Instead of navigating technical query syntax, users can type their questions as they naturally would, making data retrieval accessible to everyone, regardless of technical expertise.

Gif image of Query Builder component

For more insights, refer here.

Maps

The Syncfusion Blazor Maps component features a robust Weather Forecast integration, leveraging AI to provide accurate weather predictions. These forecasts are visualized using marker templates within the map, allowing users to easily access real-time weather information.

Weather Forecast

Gif image of Maps component

For more insights, refer here.

Diagram

The Syncfusion Blazor Diagram Component introduces AI-powered samples like MindMap and FlowChart generation, allowing users to visualize ideas, processes, and workflows dynamically. These tools are ideal for brainstorming sessions, decision-making processes, and organizing complex information into structured formats.

MindMap

Gif image of Diagram-MindMap sample

FlowChart

Gif image of Diagram-FlowChart sample

For more insights, refer here.

PDF Viewer

The Syncfusion Blazor PDF Viewer now incorporates advanced AI features, enhancing the document handling experience. This includes functionalities such as Smart Fill for automatic form filling, Document Summarization for efficient content understanding, and Smart Redaction for protecting sensitive information.

Smart Fill

Gif image of PDF Viewer-Smart Fill sample

Smart Redaction

Gif image of PDF Viewer-Smart Redact sample

Document Summarization

Gif image of PDF Viewer-Summarizer sample

For more insights, refer here.

Document Editor

The Syncfusion Blazor Document Editor features advanced AI capabilities, including Document Summarization, Smart Editor enhancements, and Writing Assist for improved content creation and editing. These features streamline document management, enhance writing quality, and support efficient content generation, making the editing process more intuitive and productive.

Document Summarization

Gif image of Document Editor-Document Summarization sample

Smart Editor

Gif image of Document Editor-Smart Editor sample

Writing Assist

Gif image of Document Editor-Writing Assist sample

For more insights, refer here.

Kanban

The Syncfusion Blazor Kanban component features advanced AI integrations that enhance project management capabilities. With AI Task Recommendation, users can input project details to automatically generate task segments, facilitating smoother project planning and organization. Additionally, the Sentiment Analysis feature analyzes customer feedback to generate emoticon expressions, visually representing customer sentiments on the Kanban board.

AI Task Recommendation

Gif image of kanban-AI Task Recommendation sample

Sentiment Analysis

Gif image of kanban-Sentiment Analysis sample

For more insights, refer here.

File Manager

The Syncfusion Blazor File Manager introduces AI-powered samples like Smart File Management and Tag Search to streamline file organization and retrieval. With capabilities such as Smart Search, Content Summarization, and AI-assisted tagging, managing files becomes more intuitive and efficient.

Smart File Management

Gif image of File Manager component

For more insights, refer here.

DataGrid

The Syncfusion Blazor DataGrid now includes advanced AI Samples like Semantic Filtering and Anomaly Detection. These features empower users to search more effectively and detect irregularities within data, making the DataGrid a powerful tool for applications that handle large datasets or require insights into complex data patterns.

Anomaly Detection

Gif image of Gantt-Task Prioritization sample

For more insights, refer here.

Gantt Chart

The Syncfusion Blazor GanttChart introduces powerful AI-driven samples designed to enhance task management and project planning. Key functionalities include Task Prioritization to identify and allocate resources to critical tasks, Progress Prediction for forecasting milestone completions, Resource Allocation to prevent overallocation, Risk Assessment to identify potential risks in project timelines, and Predictive Scheduling for creating task schedules based on historical data. These features work together to streamline project execution, ensuring efficient resource management and timely completion.

Task Prioritization

Gif image of Gantt-Task Prioritization sample

Progress Prediction

Gif image of Gantt-Progress Prediction sample

Resource Allocation

Gif image of Gantt-Resource Allocation sample

Risk Assessment

Gif image of Gantt-Risk Assessment sample

Predictive Scheduling

Gif image of Gantt-Predictive Scheduling sample

For more insights, refer here.

Image Editor

The Syncfusion Blazor Image Editor offers an sample Smart Image Editor with powerful features designed to enhance your image editing experience. Key functionalities include the Magic Eraser for removing unwanted elements seamlessly, the Background Changer for creatively altering backgrounds while maintaining the integrity of the main subject, and the Background Remover for isolating subjects to create transparent or customized backdrops.

Smart Image Editor

Gif image of Image Editor component

For more insights, refer here.

Project Documentation

This table provides an overview of all the AI Samples in this project, along with links to their respective README files for detailed documentation.

Section Component / Feature Description Documentation Link
Smart Paste Button Smart Paste Functionality Automatically fills out forms using clipboard data, improving data entry efficiency. Read More
Custom Field Descriptions Uses the data-smartpaste-description attribute to improve Smart Paste accuracy by customizing field descriptions for better data population. Read More
Smart TextArea Sentence-Level Autocompletion Provides real-time sentence suggestions based on user input, enhancing typing efficiency with AI. Read More
ComboBox Semantic Search Advanced search capabilities using context and meaning rather than exact keywords. Read More
Data Grid Semantic Filtering Filters data semantically. Read More
Anomaly Detection Detects anomalies in datasets. Read More
Scheduler Smart Scheduler Converts natural language text into scheduler events, adding them as structured appointments. Read More
Gantt Task Prioritize AI-based task prioritization tool. Read More
Progress Predictor Predicts project progress and completion. Read More
Resource Allocator Optimizes resource allocation. Read More
Risk Assessor Assesses project risks using AI. Read More
Predictive Scheduling AI-driven project scheduling. Read More
RichTextEditor AI Integration Enhances text editing with features like content generation, summarization, rephrasing, translation, and grammar correction. Read More
Kanban Board AI Task Recommendation Recommends tasks based on AI analysis. Read More
Sentiment Analysis Analyzes customer feedback sentiments. Read More
Image Editor AI Image Editing Advanced image editing features including Magic Eraser, Background Changer, and Background Remover for enhanced creativity and precision. Read More
Diagram TextToMindMap Creates dynamic mindmaps using AI-generated content. Read More
TextToFlowChart Creates flowcharts based on AI-generated workflows. Read More
PDF Viewer Document Summarization Summarizes documents using AI. Read More
Smart Redaction Redacts sensitive information intelligently. Read More
Smart Fill Automatically fills forms with AI. Read More
Document Editor Document Summarization AI-driven summarization and Q&A for document content. Read More
Smart Editor Enhances document editing with rewriting, grammar checking, and translation. Read More
Writing Assist Generates new content based on user input and assists in expanding ideas. Read More
Maps Weather Forecast Displays weather forecasts on a map. Read More
File Manager Smart File Manager AI-driven features like Smart Search, Content Summary, and Intelligent Organization. Read More
Tag Search AI Tagging and Tag Search capabilities for better file categorization and retrieval. Read More
Pivot Table AI Data Analysis AI integration for smart data aggregation, predictive modeling, adaptive filtering, and real-time interaction, enhancing data analysis and visualization. Read More
Query Builder Natural Language Querying Allows users to build queries in plain language, with the system interpreting the intent and generating the appropriate query. Read More
TreeGrid Hierarchical Data Structuring Uses AI to correct and organize hierarchical data in a Tree Grid, fixing parent-child relationships to ensure accurate data nesting. Read More