Skip to content
Databraid Docs

Graphics Nodes

Graphics nodes in Databraid provide a wide range of capabilities for visual rendering, image processing, and video manipulation. These nodes allow you to create interactive and visually appealing braids that incorporate graphical elements and perform various operations on visual data.

Image Manipulation Nodes

  • CropImage: Crops an image to a specified region, allowing you to extract a portion of an image based on given coordinates and dimensions.

  • ImageFade: Applies a fade effect to an image, gradually transitioning it from one state to another. It is useful for creating smooth visual transitions or animations.

Drawing Nodes

  • Canvas: Provides a canvas for drawing and rendering graphics. It serves as a container for other drawing nodes and allows you to create custom visual compositions.

  • DrawImage: Draws an image onto a canvas at a specified position and with optional scaling and rotation. It enables you to incorporate images into your visual compositions.

  • DrawRectangle: Draws a rectangle shape onto a canvas with specified dimensions, position, and styling options. It is useful for creating basic shapes and layouts within your graphics.

Video Nodes

  • Video: Represents a video file or a video stream. It allows you to load, play, and manipulate video content within your braid.

  • Webcam: Captures video input from a connected webcam device. It enables real-time video processing and analysis within your braid.

Plotting and Visualization Nodes

  • Plot: Renders a graphical plot or chart based on input data. It provides various plotting options and customization settings to visualize data in different formats, such as line charts, bar graphs, or scatter plots.

Frame and Image Nodes

  • Frame: Represents a single frame in a sequence of images or a video. It allows you to access and manipulate individual frames of visual content.

  • Image: Represents an image file or a generated image. It serves as a source or destination for image data and can be used in conjunction with other image processing nodes.

These graphics nodes provide a comprehensive set of tools for working with visual content in Databraid. They allow you to load, manipulate, and render images and videos, create custom graphics and visualizations, and incorporate interactive visual elements into your braids.

By combining graphics nodes with other nodes in Databraid, you can create powerful and engaging visual applications, such as data visualizations, image processing pipelines, or interactive user interfaces.

Remember to refer to the individual node documentation for more details on their specific inputs, outputs, and configuration options, as well as examples and best practices for using them effectively in your braids.