Fuzzy Logic Membership Function Graph

Description

This web application allows you to create, visualize, and export fuzzy logic membership functions for use in fuzzy logic systems, machine learning, and decision-making applications. The tool provides an intuitive interface to generate triangular, left-shoulder, and right-shoulder membership functions with customizable parameters.

✨ Features

🔷 Create Various Membership Functions

• Triangle membership functions
• Left-shoulder membership functions
• Right-shoulder membership functions

📊 Interactive Graph Visualization

• Real-time function rendering
• Customizable graph labels and titles
• Adjustable X and Y axis ranges via mouse wheel (hold Ctrl for X-axis)
• Function list with color customization

🎨 Customization Options

• Change function colors
• Add custom background images
• Adjust background image opacity
• Light/dark mode toggle

💾 Export Capabilities

• Download graph as JPEG image
• Automatic saving of your work (browser localStorage)

🖱️ User Interface

• Draggable toolbar for better workspace organization
• Collapsible function panel
• Toast notifications for important events
• Responsive layout for desktop use

Desktop-Only Application

This application is designed for desktop use only and is not optimized for mobile devices.

How to Use

1. Add a Membership Function:

   • Select a function type (Triangle, Left-Shoulder, Right-Shoulder)
   • Enter a name for your function
   • Specify parameters a, b, and c
   • Click "Add Function" button

2. Customize the Graph:

   • Add title and axis labels
   • Customize function colors by clicking on the color boxes in the function list
   • Add a background image (optional)

3. Graph Interaction:

   • Zoom: Use mouse wheel to zoom Y-axis, hold Ctrl + mouse wheel to zoom X-axis
   • Move toolbar: Drag the toolbar header to reposition
   • Collapse toolbar: Click on toolbar header to toggle

4. Export Your Work:

   • Click "Download JPEG" button to save the graph as an image

⌨️ Keyboard Shortcuts & Actions

Category	Action	Description	Icon
Navigation	Ctrl + Mouse Wheel	Zoom X-axis	🔍
	Mouse Wheel	Zoom Y-axis	🔍
	Click + Drag on toolbar header	Move the toolbar	🖱️
UI	Click on toolbar header	Expand/collapse the toolbar	📑
	Theme toggle button	Switch between light/dark mode	🌓
Functions	Delete button on function	Remove the function from graph	🗑️
	Color picker on function	Change the function's color	🎨
Data	Download JPEG button	Export graph as image	💾

Installation

No installation required! This is a web-based application that runs in any modern browser. Simply open the index.html file to start using the application.

Technologies Used

• HTML5
• CSS3
• JavaScript
• Chart.js for graph rendering
• Bootstrap for UI components
• Font Awesome for icons
• AOS for animations

License

See the LICENSE file for details.

Developer

• Brandon Miranda
• ORCID: 0009-0008-4716-7429
• Contact: [email protected]

Last Updated

April 9, 2025