TypeWeb app / PLC logic editor
FeaturedWeb App
PLC Software Tool
PLC Software Tool is a web-based visual editor that bridges structured JSON logic with PLC-style Function Block Diagram workflows, making industrial logic easier to visualize, share, and reason about.
StackPLC, M3Soft Workflow, JSON, Automation
DeliveryFeatured
StatusLive web tool available; custom PLC workflow consultation open.
Project Overview
PLC Software Tool is a web application inspired by industrial PLC programming workflows, especially visual Function Block Diagram editing. The project allows PLC-like logic to be represented as structured JSON and rendered visually as connected blocks on a canvas. It was designed to make PLC logic more portable, understandable, and easier to work with outside of traditional closed desktop tools.
JSON-to-visual PLC diagram workflow.
PLC
Visual Function Block Diagram representation.
M3Soft Workflow
Import/export of structured PLC logic.
JSON
Canvas interaction for arranging and editing blocks.
Automation
Support for PLC-style instruction groups and block categories.
React
Useful for documenting, reasoning about, and recreating PLC logic.
TypeScript
Problem Solved
Traditional PLC visual logic can be difficult to version, compare, share, or analyze with modern development workflows. Visual diagrams are useful for technicians and engineers, but they are not always easy to store as clean structured data. This project solves that gap by connecting a visual PLC-style editor with a JSON-based representation that can be edited, imported, exported, and potentially generated or analyzed with AI.
System Architecture / Control Flow
User Input / JSON
Defines structured logic
Parser / Data Model
Maps blocks and links
Visual FBD
Renders PLC-style logic
Export / AI Workflow
Supports reuse and review
Status / Feedback
Why This Project Was Built
This project was built because real PLC work often involves visual logic that is hard to manage as source-like data. The goal was to create a tool where a user could describe or define PLC logic in JSON, visualize it as a Function Block Diagram, and then use that visual output as a bridge to reproduce or reason about the logic in the original PLC software environment.
What I Built
Web-based visual Function Block
Web-based visual Function Block Diagram editor/viewer.
JSON structure for representing
JSON structure for representing PLC logic, blocks, inputs, outputs, and connections.
Import/export workflow for loading
Import/export workflow for loading and saving PLC logic.
Canvas-based visualization of PLC
Canvas-based visualization of PLC blocks and connections.
Support for editing, moving,
Support for editing, moving, copying, and organizing visual elements.
Workflow where AI can
Workflow where AI can help generate structured logic that becomes a visible diagram.
Practical bridge between text/JSON
Practical bridge between text/JSON logic and visual PLC programming.
Technical Highlights
Outcome / Value
PLC Software Tool is one of the strongest portfolio projects because it combines frontend engineering, data modeling, industrial logic, visual editing, and AI-assisted workflow potential. It shows the ability to turn a specialized engineering problem into a modern web tool with practical value.
Explore the project
Explore the project to see how structured PLC logic can be transformed into a visual workflow.