# Graphics
The Graphics component is used to show different icons/shapes.
#### Default Chart Image:
### **Properties of the Graphics Component:**
#### Background:
The user can enable the shadow, change the shadow color, and transparency of the shadow.
#### General:
* The user can change the height, width, top, and left values.
* Put a checkmark in given box to select **Initial Visibility** option.
* If this option is enabled, then the chart appears in the first preview of the dashboard.
* The user can select the Category and the corresponding symbol, to give a symbol to the graphics icon.
* If the user has kept the **Category** as **None**, then we need to specify the icon inside the ***SVG Path String***. Also, we can choose the Cursor Style.
* By clicking the SVG Path String icon, the SVG Path String window opens.
* The user can provide an icon name from the library to use it.
* The Glymph icons from bootstrap can be also used.
{% hint style="info" %} Please Note: The chart will not be visible at the first preview if the initial visibility is unchecked
{% endhint %}
#### Modified Graphics after changing its Properties:
---
# 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://docs.bdb.ai/bdb-documentation/data-visualization/governed-dashboards/charts-gallery/other-charts/graphics.md?ask=
```
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.