# Optimizing, publishing, and styling Vector data

## Styling vector data
- We can style vectorial datasets by adding rules to the default style.

- Go to the `Mainrd` dataset details page and click on `Edit > Edit Style > Visual editor`

-  We can add a new rule by clicking on the desired symbol type in the toolbar

    ![image](./img/vector_style_1.png)

- We can also add a rule by copying from previously defined styles using the `copy from` link.

    ![image](./img/vector_style_2.png)

### Creating line rule

- Click on ![image](./img/line_rule.png) in the toolbar

- Name it `CSS Roads` and set the following attributes
    - `stroke colour: orange`,
    - `stroke width: 6`,
    - `line cap: round`,

    ![image](./img/vector_style_3.png)

- You can also adjust the line rule styles by going through the options listed in the `drop-down-menu` in the upper right corner of the menu. See the figure below:
    ![image](./img/vector_style_4.png)

### Creating mark rule

- Click on ![image](./img/mark_rule.png) in the toolbar.

- Name it `Mark rule` and set the following attributes
    - `fill color: yellow`,
    - `stroke color: red`,
    - `stroke width: 1`,
    - `radius: 2`,

    ![image](./img/vector_style_5.png)

You can also choose another shape by clicking on the shape button to display available options.

  ![image](./img/vector_style_6.png)

### Creating text rule

- Click on ![image](./img/text_rule.png) on the toolbar.

- Name it `Text rule` and set the listed attributes. Select the label from the available attributes.

    ![image](./img/vector_style_7.png)

Do the same for the `icon rule` ![image](./img/icon_rule.png).

- Once you are done adding your rules, click on `Apply` to save the changes.

#### [Next Section: Publishing Vector Time Series](PUB_VECTOR_TIME_SERIES.md)