Working with Nodes

Nodes are the building blocks of your pipelines. This guide will show you how to work with nodes effectively.

What are Nodes?

Nodes are individual units of functionality in your pipeline. Each node performs a specific task, and you connect them together to create complex workflows.

Types of Nodes

Input Nodes

Input nodes bring data into your pipeline:

  • File Input - Load files from your computer
  • URL Input - Fetch data from URLs
  • Camera Input - Capture from webcam

Processing Nodes

Processing nodes transform your data:

  • Resize - Change dimensions of images
  • Filter - Apply filters and effects
  • Crop - Cut portions of images

Output Nodes

Output nodes export your results:

  • File Output - Save to disk
  • Preview - View results in real-time
  • Export - Generate final output

Adding Nodes

To add a node to your pipeline:

  1. Open the Node Palette on the left sidebar
  2. Find the node you want to use
  3. Drag it onto the canvas
  4. Configure the node settings

Configuring Nodes

Each node has configurable parameters. Click on a node to open its settings panel.

// Example: Configuring a resize node programmatically
const resizeNode = {
  type: 'resize',
  width: 1920,
  height: 1080,
  maintainAspectRatio: true
}

Best Practices

Tip: Always name your nodes descriptively to keep your pipeline organized.

  • Use clear, descriptive names
  • Group related nodes together
  • Test nodes individually before connecting them
  • Document complex node configurations

Next Steps

Learn how to connect nodes to create workflows.