Node Reference
Complete reference for all node types available in FloImg Studio.
Generator Nodes
Section titled “Generator Nodes”Generator nodes create images from parameters.
QuickChart
Section titled “QuickChart”Generate Chart.js charts.
| Parameter | Type | Description |
|---|---|---|
type | select | Chart type (bar, line, pie, etc.) |
data | json | Chart.js data configuration |
options | json | Chart.js options |
width | number | Output width |
height | number | Output height |
Mermaid
Section titled “Mermaid”Generate diagrams from Mermaid syntax.
| Parameter | Type | Description |
|---|---|---|
code | text | Mermaid diagram code |
theme | select | default, dark, forest, neutral |
QR Code
Section titled “QR Code”Generate QR codes.
| Parameter | Type | Description |
|---|---|---|
data | text | Content to encode |
size | number | Size in pixels |
color | color | Foreground color |
backgroundColor | color | Background color |
errorCorrection | select | L, M, Q, H |
Screenshot
Section titled “Screenshot”Capture web pages.
| Parameter | Type | Description |
|---|---|---|
url | text | URL to capture |
html | text | Or HTML to render |
width | number | Viewport width |
height | number | Viewport height |
fullPage | boolean | Capture full scroll |
selector | text | CSS selector to capture |
Custom D3 visualizations.
| Parameter | Type | Description |
|---|---|---|
width | number | SVG width |
height | number | SVG height |
code | code | D3 render function |
Transform Nodes
Section titled “Transform Nodes”Transform nodes modify existing images.
Resize
Section titled “Resize”Change image dimensions.
| Parameter | Type | Description |
|---|---|---|
width | number | Target width |
height | number | Target height (optional) |
fit | select | cover, contain, fill, inside, outside |
Apply gaussian blur.
| Parameter | Type | Description |
|---|---|---|
sigma | number | Blur intensity (1-100) |
Sharpen
Section titled “Sharpen”Sharpen image edges.
| Parameter | Type | Description |
|---|---|---|
sigma | number | Sharpen intensity |
Rotate
Section titled “Rotate”Rotate the image.
| Parameter | Type | Description |
|---|---|---|
angle | number | Degrees (any angle) |
Crop to a region.
| Parameter | Type | Description |
|---|---|---|
left | number | Left offset |
top | number | Top offset |
width | number | Crop width |
height | number | Crop height |
Convert
Section titled “Convert”Change image format.
| Parameter | Type | Description |
|---|---|---|
format | select | png, jpeg, webp, avif |
quality | number | Quality (1-100) for lossy |
Output Nodes
Section titled “Output Nodes”Output nodes save or export results.
File Output
Section titled “File Output”Save to local filesystem.
| Parameter | Type | Description |
|---|---|---|
path | text | Output file path |
S3 Output
Section titled “S3 Output”Save to Amazon S3.
| Parameter | Type | Description |
|---|---|---|
bucket | text | S3 bucket name |
key | text | Object key (path) |
region | text | AWS region |
Download
Section titled “Download”Trigger browser download.
| Parameter | Type | Description |
|---|---|---|
filename | text | Download filename |
Utility Nodes
Section titled “Utility Nodes”Variable
Section titled “Variable”Store a value for reuse.
| Parameter | Type | Description |
|---|---|---|
name | text | Variable name |
value | any | Variable value |
Switch
Section titled “Switch”Route based on condition.
| Parameter | Type | Description |
|---|---|---|
condition | text | Expression to evaluate |
cases | array | Case values and outputs |
Combine multiple inputs.
| Parameter | Type | Description |
|---|---|---|
mode | select | How to combine inputs |
Node Ports
Section titled “Node Ports”Input Ports (Left Side)
Section titled “Input Ports (Left Side)”- Image - Accepts image data
- Params - Accepts parameter overrides
Output Ports (Right Side)
Section titled “Output Ports (Right Side)”- Image - Outputs image data
- Metadata - Outputs image metadata (size, format)
See Also
Section titled “See Also”- Building Workflows - Step-by-step guide
- Self-Hosting - Deployment guide