> ## Documentation Index
> Fetch the complete documentation index at: https://help.broadstripes.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Working with shapes

## Understanding map shapes and shape groups

### Shapes

A **shape** is a user-defined area of the Broadstripes map (for instance a voting ward, neighborhood, or school district). Any people in your project who are located within a shape you've drawn are considered a part of that shape.

Broadstripes allows you to create your own shapes – for instance, to define house-visit assignments or manage other neighborhood-based organizing. This is sometimes called cutting turf. Broadstripes can also provide complicated [pre-made shapes](/docs/maps/uploading-shape-files/), like state legislative districts, whose borders are defined by law, and may change over time.

### Shape groups

A **shape group** is a collection of shapes. Like shapes, shape groups are totally customizable. You can create a shape group, name it, and decide exactly which shapes you want to include in the group. If you change your mind, you can easily add or remove shapes from the group.

<Frame caption="Shape groups can be simple (left) or more complex (center). Individual shapes (right) are assembled to make shape groups.">
  <img src="https://mintcdn.com/broadstripes/qdh0ueyYcXgwYtkK/images/maps/478ed51-MapsShapesShapegroups2-3.png?fit=max&auto=format&n=qdh0ueyYcXgwYtkK&q=85&s=641fcd5af7eef40aca166a9ea9da2b85" alt="Shape groups can be simple (left) or more complex (center). Individual shapes (right) are assembled to make shape groups." width="1363" height="422" data-path="images/maps/478ed51-MapsShapesShapegroups2-3.png" />
</Frame>

## Viewing people on a map using shapes and shape groups

Once they are set up, shapes provide a simple way to navigate and assess your contacts by their location.

1. To see groups of people using the shapes feature, start by clicking the **Shape Groups** drop-down menu in the upper left-hand corner of the map. (For help getting to the map page, see the [maps overview](/docs/maps/maps-overview/) article.)

<img src="https://mintcdn.com/broadstripes/FjfaV-zpF0owhUI-/images/maps/74d6d43-MapsViewShapeGroupDropdown-1.png?fit=max&auto=format&n=FjfaV-zpF0owhUI-&q=85&s=63f12dcc33f69c3913ff4e8f927b2d31" alt="" width="282" height="206" data-path="images/maps/74d6d43-MapsViewShapeGroupDropdown-1.png" />

2. Choose the shape group you want displayed on the map by clicking the **checkbox** next to its name. For this example, I'm interested in comparing the number of voters in each of the city's wards, so I'll check **Wards**.
3. The map will instantly **display all the shapes** in the selected shape group. You can see below that the **Wards** shape group is made of 30 individual shapes.

<img src="https://mintcdn.com/broadstripes/FjfaV-zpF0owhUI-/images/maps/4ab7270-MapsViewShapeWards-2.png?fit=max&auto=format&n=FjfaV-zpF0owhUI-&q=85&s=58f86f1e1243e86d72fa8945a827aa2c" alt="" width="509" height="391" data-path="images/maps/4ab7270-MapsViewShapeWards-2.png" />

4. Each shape is defined by an outline and a unique color. To get detailed information about the people located inside a certain shape, just mouse-over the map and **click anywhere on that shape**.

<img src="https://mintcdn.com/broadstripes/FjfaV-zpF0owhUI-/images/maps/0f09ce0-MapsViewShape6Ward-2.png?fit=max&auto=format&n=FjfaV-zpF0owhUI-&q=85&s=1a9ab00eb64529f5ac804938eef4a11c" alt="" width="525" height="440" data-path="images/maps/0f09ce0-MapsViewShape6Ward-2.png" />

5. A pop-up box will open, displaying a **head count** for the people located in that shape.

For instance, in our example below, out of the total number of people in the "Wards" shape group, you can see that the **"06th Ward" shape** contains a total of 11 people (and 11 locations).

<img src="https://mintcdn.com/broadstripes/FjfaV-zpF0owhUI-/images/maps/9e27f1b-MapsViewShape6DetailWardCount-2.png?fit=max&auto=format&n=FjfaV-zpF0owhUI-&q=85&s=00956ba486acb20298ca1fb41dd39177" alt="" width="460" height="207" data-path="images/maps/9e27f1b-MapsViewShape6DetailWardCount-2.png" />

6. As shown below, you can also see summaries that correspond with the three current **searches** that have been applied to the map.

   Search summaries give tallies for just the contacts *within* the selected shape:

* **Red** shows everyone in our project. (There are 11 people in the **6th Ward shape**.)
* **Purple** shows the results of a search for people who have `assessments ≤ 3`. (9 people)
* **Yellow** shows the results of a search for people who have `assessments ≤ 2`. (7 people)

<img src="https://mintcdn.com/broadstripes/T4_xjLEXaC8BFbeQ/images/maps/b0b3216-MapsViewShape6DetailSearchCounts4-1.png?fit=max&auto=format&n=T4_xjLEXaC8BFbeQ&q=85&s=b318890273efea8d9ef974304ff4c6a0" alt="" width="711" height="394" data-path="images/maps/b0b3216-MapsViewShape6DetailSearchCounts4-1.png" />

7. From this same pop-up box, you can also launch some other helpful tasks:

* You can click **edit** to rename the shape or change its shape group.

<img src="https://mintcdn.com/broadstripes/T4_xjLEXaC8BFbeQ/images/maps/d6eb92d-MapsViewShapeEdit-2.png?fit=max&auto=format&n=T4_xjLEXaC8BFbeQ&q=85&s=7978160dfe1dcfbf3146a0a1deb62885" alt="" width="468" height="211" data-path="images/maps/d6eb92d-MapsViewShapeEdit-2.png" />

* You can make the shape **read-only** and prevent other users from altering your shape.

<img src="https://mintcdn.com/broadstripes/T4_xjLEXaC8BFbeQ/images/maps/f7d3e6a-MapsViewShapeReadOnly-1.png?fit=max&auto=format&n=T4_xjLEXaC8BFbeQ&q=85&s=caf20d07e485aa7e7258e7201e08b02a" alt="" width="468" height="211" data-path="images/maps/f7d3e6a-MapsViewShapeReadOnly-1.png" />

* You can also launch the **driving directions** generator. Click the **road icon** to have Broadstripes create turn-by-turn directions to the houses encompassed in the search. **Note:** driving directions are offered only for shapes that contain 24 people or fewer.

<img src="https://mintcdn.com/broadstripes/T4_xjLEXaC8BFbeQ/images/maps/af09952-MapsViewShapeDrivDir2-1.png?fit=max&auto=format&n=T4_xjLEXaC8BFbeQ&q=85&s=df11971a93846a532a23f9213ec611ce" alt="" width="464" height="214" data-path="images/maps/af09952-MapsViewShapeDrivDir2-1.png" />

8. If you'd like to make new shapes and shape groups or edit the shapes you have, you can learn about that next in the "Make a shape" and "Edit a shape" sections below.

# Make a shape

While the Broadstripes **Maps** feature has the power to show you all of your people across the entire region covered by your Broadstripes project, the **Shapes** feature gives you the ability to cut that turf into as many smaller, user-defined regions as you need.

These shapes can be used for political outreach, planning house visits, and any other task or analysis that's contingent on the geographic location of your people.

## Draw a polygon shape

Define a section of the map using a free-form multi-sided shape.

1. Start by clicking the **polygon icon** on the map toolbar.

<img src="https://mintcdn.com/broadstripes/T4_xjLEXaC8BFbeQ/images/maps/dc4f5c4-ShapePoly.png?fit=max&auto=format&n=T4_xjLEXaC8BFbeQ&q=85&s=33d3685b6447dc454040daf7e19ad0c7" alt="" width="205" height="276" data-path="images/maps/dc4f5c4-ShapePoly.png" />

2. Next, **click on the map** where you want your shape to start. **Continue to click** around the edges of the region you want to outline — each click will create an anchor point along the shape's perimeter. Your shape doesn't have to be perfect – Broadstripes can help you fit it to the streets on the map more closely in a later step. You can also go back later and manually adjust it.

3. When you're happy with the outline of your shape, **click on the first point** you drew to close and complete the shape.

<img src="https://mintcdn.com/broadstripes/T4_xjLEXaC8BFbeQ/images/maps/f83a381-ShapePolyClose.png?fit=max&auto=format&n=T4_xjLEXaC8BFbeQ&q=85&s=be20cf8574d0247d0caf52e0e2ec815e" alt="" width="431" height="396" data-path="images/maps/f83a381-ShapePolyClose.png" />

4. Your new shape will automatically be **named** and **assigned a color**.

5. Each shape you create will also automatically be saved as part of a **shape group**. By default, new shapes will be saved under the first shape group listed in the left-hand panel (or under a shape group labeled "Ungrouped" if you don't have any shape groups in your project yet).

<img src="https://mintcdn.com/broadstripes/FjfaV-zpF0owhUI-/images/maps/55c25f5-ShapePolySaveGroup.png?fit=max&auto=format&n=FjfaV-zpF0owhUI-&q=85&s=a019ff8ba1aa7cbdb6d550a9edbc4c13" alt="" width="243" height="193" data-path="images/maps/55c25f5-ShapePolySaveGroup.png" />

6. To see all the shapes in a shape group, click the **arrow or caret icon** next to the group's name as shown below. This will expand the shape group and show you each individual shape that's part of the group.

<Frame caption="Expand a shape group by clicking the caret icon (left image). The individual shapes in the group are all displayed below the shape group (right image).">
  <img src="https://mintcdn.com/broadstripes/qdh0ueyYcXgwYtkK/images/maps/2018-03-12_17-03-43.png?fit=max&auto=format&n=qdh0ueyYcXgwYtkK&q=85&s=40841a90bb257e9c7604673379ac7015" alt="Expand a shape group: Click the caret icon (upper left image) to display the individual shapes in the group (upper right image)." width="497" height="237" data-path="images/maps/2018-03-12_17-03-43.png" />
</Frame>

7. If you need to make changes to your shape – rename it, change the group it's in, or modify the boundaries – those are covered in the "Edit a shape" section below.

## Draw a rectangle shape

Rectangles allow you to divide areas into shapes quickly, but with somewhat less precision than the polygon tool.

1. On the map, start at one corner of the rectangle you want to create. **Click and hold down** the mouse, then **drag across the map** until you've created the size rectangle you need to cover your entire shape area.
2. **Release** your mouse, and your new rectangle shape will be created.

<img src="https://mintcdn.com/broadstripes/FjfaV-zpF0owhUI-/images/maps/4983761-MapShapeDrawRect.png?fit=max&auto=format&n=FjfaV-zpF0owhUI-&q=85&s=b3c9948c8f48253d116e954d38c4f39e" alt="" width="581" height="326" data-path="images/maps/4983761-MapShapeDrawRect.png" />

3. You can **edit** the shape name or shape group that it's part of just as you would with a polygon shape (read more in the "Edit a shape" section below).
4. You might find that rectangles don't match up well with the orientation of the streets of your city. Although you can't rotate a rectangle, you can alter the rectangle's borders by manually moving points of the outline, as explained below.

# Edit a shape

### Make changes to any shape on your map.

After you've created shapes on your Broadstripes map, it's simple to make changes. You can rename a shape or even make it part of another shape group. You can also make it read-only, or modify its boundaries.

Here's how:

## Edit a shape's name or shape group (or make it read-only)

1. On the map, **click anywhere inside the shape** you want to change to select it, then click the **Edit** button.

<img src="https://mintcdn.com/broadstripes/FjfaV-zpF0owhUI-/images/maps/0848c49-ShapePolyEdit.png?fit=max&auto=format&n=FjfaV-zpF0owhUI-&q=85&s=b0492fcb130f4cd0a8611b792a7fbb54" alt="" width="461" height="250" data-path="images/maps/0848c49-ShapePolyEdit.png" />

2. A dialog box will open.
   * You can type a new **Shape name** to rename it.
   * You can reassign the shape to another shape group using the **Shape group drop-down list**.
   * Click **Read Only** if you don't want other users to make changes to your shape.
3. As shown in the image below, for this example, we've changed the name of our shape from "**Shape012**" to "**Jill's House visits**" and chosen to include the shape in the "**Day 3 Card Blitz**" shape group.

<img src="https://mintcdn.com/broadstripes/FjfaV-zpF0owhUI-/images/maps/23f69d5-ShapePolyRename.png?fit=max&auto=format&n=FjfaV-zpF0owhUI-&q=85&s=75865efcb1a3ba8616f2287116332de2" alt="" width="438" height="326" data-path="images/maps/23f69d5-ShapePolyRename.png" />

4. Click **Save**.

## Fine-tune the border of a shape

You can always adjust the outline of a shape by moving the points along the shape's border to redefine its outline. Here's how to make manual adjustments to the border of a polygon shape you've drawn:

### Adjust a shape's border

1. Start by clicking the **edit layers icon** to adjust a shape's borders.

<img src="https://mintcdn.com/broadstripes/T4_xjLEXaC8BFbeQ/images/maps/f9acfcb-ShapePolyEditLayers.png?fit=max&auto=format&n=T4_xjLEXaC8BFbeQ&q=85&s=c2344cee3cb159f3dd6e4d138c7ddfe2" alt="" width="105" height="232" data-path="images/maps/f9acfcb-ShapePolyEditLayers.png" />

2. This will display the square white **anchor points** that define the border of your shape.
   * **Click and drag** any anchor point to **reposition** it and change the outline of your shape.
   * **Double-click** an anchor point to **delete** it from the shape's outline.

<img src="https://mintcdn.com/broadstripes/FjfaV-zpF0owhUI-/images/maps/147895f-ShapePolyEditLayersDrag.png?fit=max&auto=format&n=FjfaV-zpF0owhUI-&q=85&s=12d60b7a15dd1be59a4c2a9c0ceca49a" alt="" width="488" height="380" data-path="images/maps/147895f-ShapePolyEditLayersDrag.png" />

3. When you're done making adjustments to the shape's outline, click **Save** in the map toolbar (or click **Cancel** to undo). Once you've clicked "Save", the changes can't be undone.

<img src="https://mintcdn.com/broadstripes/T4_xjLEXaC8BFbeQ/images/maps/a0eb6a3-ShapePolyEditLayersSave.png?fit=max&auto=format&n=T4_xjLEXaC8BFbeQ&q=85&s=e7f0d79dde2fe60df7b7ac474481a7a0" alt="" width="147" height="231" data-path="images/maps/a0eb6a3-ShapePolyEditLayersSave.png" />
