jackmw94
Topic Author
Posts: 3
Joined: 14 Nov 2025, 01:09

How to make procedural shapes by binding to path data?

28 Nov 2025, 21:38

[beginner alert]

Does anyone know how I might bind my data to LineSegments or their Points in Noesis studio? I've attempted to make new data structures that have the same properties as the line segments' points and then binding to individual points but to no avail. What I'm looking to see is some configuration of data that will control the height of individual vertices of a rectangle.

I'm ultimately working in meta horizon so extensions outside noesis studios are off limits to me, as far as I've tested

Thanks in advance!
 
User avatar
dstewart
Site Admin
Posts: 134
Joined: 22 Jan 2024, 11:41

Re: How to make procedural shapes by binding to path data?

01 Dec 2025, 13:16

Hi Jack, Dorian here to walk you through this,

So the good news, is that what you're looking to do is possible within Studio. Here's how we can approach this:

1) If your shape is a Shape Element (Rectangle, Star, RegularPolygon, etc..), we'll need to first convert it to a Path. (If it's already a Path, jump to Step 2)
This can easily be done by right-clicking on the Shape Element, and from its context menu's 'Path' category, select 'Convert to Path'.

1_ConvertToPath.jpg


2) Select the Path, and navigate to its Properties Panel on the right of the screen.
In most cases, under the 'Path' category', the 'Data' Property will be as a 'StreamGeometry'.
From this 'Data' Dropdown menu, instead, select 'PathGeometry'.

2_ConvertToPathGeometry.jpg


3) If you then go ahead and expand both the 'Figures' section and the contained 'Segments' sections, this will then expose the Start Point, and all of the Path's individual Segments.
In particular, you'll notice a set of Properties featuring two paired fields. These correspond to the X and Y Positions that will allow positional re-adjustment.

3_PathSegments.jpg


4) You'll then want to go prepare your Data Structure. What we'll be doing here is that we'll be mapping the single 'Point' Property (composed of the 'X' and 'Y' fields) to a single Data Value. We need to include two values in a single value, so we'll be setting it as a 'String' Data Type as opposed to a Number.
4_DataStructure.jpg
4_DataStructure.jpg (19.64 KiB) Viewed 1313 times

5) And then for its Data Value in the DataSet, we'll be inputting it as two comma-delineated values (eg: '200, 32'), with the first value corresponding to the 'X' position, and the second to the 'Y' position, like so:
5_DataValues.jpg
5_DataValues.jpg (15.48 KiB) Viewed 1313 times

6) At this point, we can return to our Path, and in its Properties, simply Bind the desired Segment's 'Point' Property to our created Data, resulting in giving us a Data-driven positioning.

6_DataBinding.jpg


Repeat this operation as desired across remaining Segments, and that's it!

Let us know if this matches what you were looking to achieve, or if you have any other questions.

- Dorian

Who is online

Users browsing this forum: Google [Bot] and 1 guest