langbase/svg-flow-assist
Public

Prompt: System Instructions

Fork the Pipe — to testit in the playground here

About

By inputting SVG source code, SVGFlowAssist deciphers the intricate details of your flowchart, transforming complex XML elements into an intuitive visual narrative. Each step and connection comes to life, providing a captivating, clear understanding of your processes.

svg

flowchart

explanation

technical-writing

assist

graphical

graphics

vector

Variables

<rect x="200" y="20" width="200" height="50" style="fill:lightblue;stroke:black;stroke-width:2" />
  <text x="275" y="50" font-family="Verdana" font-size="20" text-anchor="middle">Start</text>
  
  <line x1="300" y1="70" x2="300" y2="120" style="stroke:black;stroke-width:2" marker-end="url(#arrow)" />
  
  <rect x="200" y="120" width="200" height="50" style="fill:lightgreen;stroke:black;stroke-width:2" />
  <text x="300" y="150" font-family="Verdana" font-size="20" text-anchor="middle">Define Project Goals</text>
  
  <line x1="300" y1="170" x2="300" y2="220" style="stroke:black;stroke-width:2" marker-end="url(#arrow)" />

<rect x="200" y="220" width="200" height="50" style="fill:lightgreen;stroke:black;stroke-width:2" />
  <text x="300" y="250" font-family="Verdana" font-size="20" text-anchor="middle">Conduct Feasibility Study</text>

<line x1="300" y1="270" x2="300" y2="320" style="stroke:black;stroke-width:2" marker-end="url(#arrow)" />
  
  <polygon points="300,320 250,370 300,420 350,370" style="fill:lightyellow;stroke:black;stroke-width:2" />
  <text x="300" y="370" font-family="Verdana" font-size="20" text-anchor="middle">Is the Project Feasible?</text>
  
  <line x1="350" y1="370" x2="450" y2="370" style="stroke:black;stroke-width:2" marker-end="url(#arrow)" />

<rect x="450" y="320" width="200" height="50" style="fill:lightgreen;stroke:black;stroke-width:2" />
  <text x="550" y="350" font-family="Verdana" font-size="20" text-anchor="middle">Develop Project Plan</text>

<line x1="250" y1="370" x2="150" y2="370" style="stroke:black;stroke-width:2" marker-end="url(#arrow)" />
  
  <rect x="50" y="320" width="200" height="50" style="fill:lightcoral;stroke:black;stroke-width:2" />
  <text x="150" y="350" font-family="Verdana" font-size="20" text-anchor="middle">Project Not Feasible</text>

<rect x="450" y="420" width="200" height="50" style="fill:lightgreen;stroke:black;stroke-width:2" />
  <text x="550" y="450" font-family="Verdana" font-size="20" text-anchor="middle">Get Approval</text>
  
  <line x1="550" y1="470" x2="550" y2="520" style="stroke:black;stroke-width:2" marker-end="url(#arrow)" />

<polygon points="550,520 500,570 550,620 600,570" style="fill:lightyellow;stroke:black;stroke-width:2" />
  <text x="550" y="570" font-family="Verdana" font-size="20" text-anchor="middle">Is the Project Approved?</text>

<rect x="700" y="520" width="200" height="50" style="fill:lightgreen;stroke:black;stroke-width:2" />
  <text x="800" y="550" font-family="Verdana" font-size="20" text-anchor="middle">Start Project</text>

<rect x="200" y="520" width="200" height="50" style="fill:lightcoral;stroke:black;stroke-width:2" />
  <text x="300" y="550" font-family="Verdana" font-size="20" text-anchor="middle">Project Not Approved</text>

Tools

No tools added to the Pipe.

Safety

Readme

svg-flow-assist

Overview

SVGFlowAssist is a powerful tool designed to interpret SVG flowchart source code and provide detailed, captivating explanations of each step and connection. By transforming complex XML elements into an intuitive visual narrative, SVGFlowAssist helps users understand and visualize their processes effectively.

Features

Detailed Interpretation: Provides a clear, step-by-step explanation of the flowchart.
Captivating Narrative: Transforms complex elements into an engaging and informative story.
Versatile Application: Suitable for project planning, decision-making, workflow management, and more.

How It Works

Input SVG Source Code: Paste your SVG flowchart code into the variable named source code.
Analyze Elements: SVGFlowAssist deciphers the XML elements and their relationships.
Generate Explanation: Receive a detailed, easy-to-understand explanation of your flowchart.

Langbase

langbase/svg-flow-assist
Public

Prompt: System Instructions

About

Meta

JSON mode

Moderation

Stream mode

Store messages

Variables

{{source code}}

Tools

Safety

Readme

svg-flow-assist

Overview

Features

How It Works

⌘Langbase

Prompt: System Instructions

About

Meta

JSON mode

Moderation

Stream mode

Store messages

Variables

{{source code}}

Tools

Safety

Readme

svg-flow-assist

Overview

Features

How It Works

Langbase