Grabapl Code Playground

Edit Grabapl code, see the output, visualize state graphs, and animate traces.

Github: https://github.com/skius/grabapl.

Example programs: https://github.com/skius/grabapl/tree/main/example_clients/online_syntax/example_programs

Note: you may need to scroll down to see all features.

Code Editor

Compiler Output


    


    
    

        

            
Graph Preview

        

        

            

                
                
            

            
            

                
Your state graph will appear here.

            

        

    


    

        

            
Dynamic Graph Builder

        

        

            

                
Run Operation

                

                    
                    

                    

                    
                    
                    
                    
                    
                    
                

            

            

                
Double-click to create a node. Click two nodes to create an edge. Drag to pan.

            

        

    


    
    

    
    






    

        
Create New Node

        

            

                
                
            

            

                
                
            

        

        

            
            
        

    




    

        
Create New Edge

        

            
            
        

        

            
            
        

    





    

        
Confirm Deletion

        
Are you sure you want to delete this node and all its connected edges?