Change your design’s graphics using the property editor

Shapes that you draw in Giraffe can be styled by a number of properties. If you want to change how a shape appears on the map, read on to find out how. You can also change the default styles for each usage - which is covered in Usages

Fundamentals


<aside> 🎓 What is a property? From dictionary.com: an essential or distinctive attribute or quality of a thing From Wikipedia: a property is a characteristic of an object; a red object is said to have the property of redness.

Other words for Property:

Each shape in Giraffe are GeoJSON features with a geometry and various Properties . Giraffe allows any property to be added to these shapes by users or apps.

Certain properties are used by Giraffe to render the shape on the map, and to perform the calculations required for Urban Calculations , so it is important that users are aware of these.

Appearance Widget


Adjust the values in the Appearance Widget to change how your elements appear.

Polygons include Fill color and opacity, as well as line color and opacity.

Polygons

Polygons

Lines do not include fill color and opacity.

Lines

Lines

The “All” (advanced” form view shows additional properties like Line Cap and Line Join.

image.png

Color

Change a color by selecting a preset.

image.png

Add a new color by clicking the rainbow plus.

Or, edit a preset by double clicking the preset swatch.

image.png

A color selector appears. Input a hex code or drag your cursor to select a color.

Click off to close.

Click the back arrow to re-=set to the previous value.

image.png

Inheritance


Applying a Usage assigns that Usage’s property values automatically.

If a geometry feature has a property that exists in the feature’s Usages, the section will inherit properties from the Usage it references.

If the property is over-ridden in the feature, the feature-level property has priority. That is, feature properties override the Usage’s properties at the instance level.

Usage Level

Controls multiple features.

Edit in the Usages Editor

Use to control many objects

Feature Level

Controls a single selected feature

Edit in Properties Palette

Use to override Usages in a one-off fashion

Appearance Widget

Untitled

3D Models

If sections have type set as 3d, they will render in 3D with the properties floorToFloor or height determining their top and baseHeight determining their bottom.

Shape Modifiers