# Graphics The Graphics component is used to show different icons/shapes. #### Default Chart Image: ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FGZHf9Jqe0MIzx7cVhM4W%2Fimage.png?alt=media\&token=7dbde3ee-5405-4559-85b1-564d4724a5cf) ### **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. ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FMzhWGMxN3p7y5rgQgt6m%2Fimage.png?alt=media\&token=526493e0-e194-4263-8bbd-0c904e1bb3fa) * 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. ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2F57TrXRdakItrmrRg6NoY%2Fimage.png?alt=media\&token=6621242b-5ca6-4b82-af2a-f3ed325fea58) {% 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: ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FPyHpI1oHif2ExBVr2bu6%2Fimage.png?alt=media\&token=f12110ae-09de-4db6-b750-6bee1a6f623e)