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
<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.
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
Lines do not include fill color and opacity.
Lines
The “All” (advanced” form view shows additional properties like Line Cap and Line Join.
Change a color by selecting a preset.
Add a new color by clicking the rainbow plus.
Or, edit a preset by double clicking the preset swatch.
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.
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.
Controls multiple features.
Edit in the Usages Editor
Use to control many objects
Controls a single selected feature
Edit in Properties Palette
Use to override Usages in a one-off fashion
gltf
as the url of a .gltf or .glb fileIf 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.