# Creating Profile Collections from Point Collections

To create a Profile Collection, scroll down to the **`POINTS`** section again, and this time click on the **`+Add`** button next to **Profile Collections** (see Figure 10, below).

<figure><img src="https://3025923471-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M02trgcnmNckA-WvFeq%2Fuploads%2F71DAQhMGfjbyo6mLqP4V%2Fimage19.png?alt=media&#x26;token=4d1384d6-093a-4c34-8b2f-17eeebdb978c" alt=""><figcaption><p>Figure 10: In Django, click here to add a new Profile Collection</p></figcaption></figure>

On the following page, do the following (refer to Figure 11, below):

1. Select (from the dropdown list) the **`Profile`** which should be associated with your Profile Collection;
2. Select (from the dropdown list) the **`Theme`** you created;
3. Select (from the dropdown list) the **`Collection`** (point collection) you uploaded;
4. Give your Profile Collection an appropriate **`Label`** (this will be displayed on Wazimap NG); and
5. Scroll down and click **`Save`** in the bottom right hand corner.

<figure><img src="https://3025923471-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M02trgcnmNckA-WvFeq%2Fuploads%2F9azGtJFbMEnjpjZnXS89%2Fimage15.png?alt=media&#x26;token=5e327e70-ef80-49d2-bf4b-4ef71a5f3e28" alt=""><figcaption><p>Figure 11: Relevant fields when adding a new Profile Collection</p></figcaption></figure>

{% hint style="warning" %}
Currently the **`Icon`** and **`Colour`** functionalities are not working. These fields can be left empty.
{% endhint %}

## Adding Filters to Profile Collections

As shown earlier in [**`Figure 1`**](https://openup.gitbook.io/wazimap-ng/point-mapper/what-is-point-mapper), it is possible to filter points based on their attributes (e.g., **`Responsible Institution`**). To add filters to your Point Collection, include the attributes you want to filter your points by in the **`Configuration`** panel using a **`filterable_fields`** array (see Figure 12, below).

<figure><img src="https://3025923471-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M02trgcnmNckA-WvFeq%2Fuploads%2FScLrIVKMqWLODa9zo53d%2FScreenshot%202023-01-13%20at%2014.00.07.png?alt=media&#x26;token=0053fa79-2753-40c1-9c69-8e5e8d3143fa" alt=""><figcaption><p>Figure 12: Add a <code>filterable_fields</code> array to the Configuration panel to filter attributes on Wazimap NG</p></figcaption></figure>

{% hint style="warning" %}
Any values in the **`filterable_fields`** array that are not attributes of your Point Collection will be ignored.
{% endhint %}

## Adding HTML Field Types

In addition to adding filters, you can define the field type of columns in your Profile Collection to render data according to HTML code. This is particularly useful for linking to additional, external information (e.g., linking to the source of your points).

This requires that the html code be included in your dataset when [**`uploading your Point Collection`**](https://openup.gitbook.io/wazimap-ng/point-mapper/uploading-point-collections) (see, for example, the code used in Figure 13, below). To define the field type, include the attribute (column) you want to define in the **`Configuration`** panel using a **`field_type`** array (refer to Figure 12, above).&#x20;

<figure><img src="https://3025923471-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M02trgcnmNckA-WvFeq%2Fuploads%2F2qm8QJGJUwedbcZa3mAu%2FScreenshot%202023-01-13%20at%2014.38.24.png?alt=media&#x26;token=22c55b97-0892-4859-93ae-379b3a79697d" alt=""><figcaption><p>Figure 13: An example of HTML code that opens a link in a new tab</p></figcaption></figure>

The HTML code for adding links is:

**`<a href='`**<mark style="color:red;">**`url`**</mark>**`' target='_blank'>`**<mark style="color:red;">**`name`**</mark>**`</a>`**

In Figure 13, above, the **`url`** is [**`https://ws.dws.gov.za/IRIS/dashboard_waste.aspx`**](https://ws.dws.gov.za/IRIS/dashboard_waste.aspx), and the **`name`** is **`South African Department of Water & Sanitation`**. On Wazimap NG, in the More Info section of each point’s tooltip, this data will be displayed as hyperlinked text (see Figure 14, below).

<figure><img src="https://3025923471-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M02trgcnmNckA-WvFeq%2Fuploads%2FBd89R51dhURnAZAKOnhh%2FScreenshot%202023-01-13%20at%2014.49.14.png?alt=media&#x26;token=0a7686d1-5141-4c07-b8fd-5e99f2e7b7ba" alt=""><figcaption><p>Figure 14: An example of using HTML code to add links to the More Info section of points' tooltips</p></figcaption></figure>

In addition to the **`href`** HTML attribute, the following are also allowed: **`class`**, **`target`**, **`data-*`**, and **`style`**.

\---

If all steps were followed correctly, your point collection will now display on your Wazimap NG Profile (sometimes a hard refresh of the Wazimap NG page is required for changes to reflect). The sections that follow offer some additional information for displaying point collections on your Wazimap NG profile.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://openup.gitbook.io/wazimap-ng/point-mapper/creating-profile-collections-from-point-collections.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.