Triangle Visualization¶

Draw triangular markers on an image to mark specific points on detected objects, with customizable position, size, color, and outline styling, providing directional indicators and geometric markers for visual annotations.

How This Block Works¶

This block takes an image and detection predictions and draws triangular markers at specified anchor positions on each detected object. The block:

1. Takes an image and predictions as input
2. Determines the triangle position for each detection based on the selected anchor point (center, corners, edges, or center of mass)
3. Applies color styling based on the selected color palette, with colors assigned by class, index, or track ID
4. Draws triangular markers with the specified base width and height dimensions, with optional outline thickness using Supervision's TriangleAnnotator
5. Returns an annotated image with triangular markers overlaid on the original image

The block supports various position options including the center of the bounding box, any of the four corners, edge midpoints, or the center of mass (useful for objects with irregular shapes). Triangles can be customized with different sizes (base width and height), optional outlines for better visibility, and various color palettes. Triangular markers provide a distinctive geometric shape that can serve as directional indicators (pointing in a specific direction) or geometric markers, offering an alternative to circular dots or square markers. This provides a clean visualization style that marks detection locations with directional or geometric emphasis, making it ideal for applications requiring directional indicators, geometric markers, or distinctive point markers.

Common Use Cases¶

• Directional Object Marking: Mark detected objects with triangular markers that can indicate direction or orientation, useful for tracking applications, motion analysis, or directional workflows where the triangle's pointed shape provides directional information
• Geometric Marker Visualization: Use triangular markers as distinctive geometric shapes to mark detection locations, providing visual variety compared to circular dots or rectangular bounding boxes for design purposes or geometric emphasis
• Minimal Object Marking: Mark detected objects with small triangular markers instead of bounding boxes for cleaner, less cluttered visualizations when working with dense scenes or many detections, with the triangular shape providing visual distinction
• Tracking Visualization: Use triangular markers to visualize object trajectories or tracking IDs over time, creating a cleaner alternative to bounding boxes for tracking workflows, with triangles potentially indicating movement direction
• Point of Interest Highlighting: Mark specific anchor points (corners, center, center of mass) on detected objects with triangular markers for applications like object tracking, spatial analysis, or geometric annotation workflows
• Design and Aesthetic Applications: Create triangular markers for design purposes, user interfaces, dashboards, or artistic visualizations where geometric shapes provide distinctive visual style or aesthetic appeal

Connecting to Other Blocks¶

The annotated image from this block can be connected to:

• Other visualization blocks (e.g., Bounding Box Visualization, Label Visualization, Trace Visualization) to combine triangular markers with additional annotations for comprehensive visualization
• Data storage blocks (e.g., Local File Sink, CSV Formatter, Roboflow Dataset Upload) to save annotated images with triangular markers for documentation, reporting, or analysis
• Webhook blocks to send visualized results with triangular markers to external systems, APIs, or web applications for display in dashboards or monitoring tools
• Notification blocks (e.g., Email Notification, Slack Notification) to send annotated images with triangular markers as visual evidence in alerts or reports
• Video output blocks to create annotated video streams or recordings with triangular markers for live monitoring, tracking visualization, or post-processing analysis

Type identifier¶

Use the following identifier in step "type" field: roboflow_core/triangle_visualization@v1to add the block as as step in your workflow.

Properties¶

The Refs column marks possibility to parametrise the property with dynamic values available in workflow runtime. See Bindings for more info.

Available Connections¶

Input and Output Bindings¶

The available connections depend on its binding kinds. Check what binding kinds Triangle Visualization in version v1 has.

{
    "name": "<your_step_name_here>",
    "type": "roboflow_core/triangle_visualization@v1",
    "image": "$inputs.image",
    "copy_image": true,
    "predictions": "$steps.object_detection_model.predictions",
    "color_palette": "DEFAULT",
    "palette_size": 10,
    "custom_colors": [
        "#FF0000",
        "#00FF00",
        "#0000FF"
    ],
    "color_axis": "CLASS",
    "position": "CENTER",
    "base": 10,
    "height": 10,
    "outline_thickness": 2
}