> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.scorp-io.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Éditer les graphiques et symboles

## Sélectionner le graphique

![](https://storage.crisp.chat/users/helpdesk/website/-/6/e/0/a/6e0a9c718c9cc400/8ffae617-b11c-40cf-8a72-841fd0_2bpwlg.jpg)

Sélectionner le graphique

Sélectionner le graphique à créer depuis la section "Graphiques".

## Accueil graphique

![](https://storage.crisp.chat/users/helpdesk/website/-/6/8/0/7/680725fc4d425000/09055c70-f4bc-4898-be36-cfa4de_1ls0mmc.jpg)

Accueil du développement de graphique

Une fois sélectionné, vous serez dirigé directement sur la page d'accueil. Les 3 fonctions mises en évidence sont les fonctions principales :

* (1) Rouge : il s'agit de la sélection des figures géométriques
* (2) Vert : il s'agit de la sélection des figures à formes libres
* (3) Bleu : il s'agit de la sélection de textes

## Options de développement

![](https://storage.crisp.chat/users/helpdesk/website/-/8/5/7/d/857d4be52cece80/4f00d2e9-6b4b-43f3-a548-990264_1ufstzx.png)

Options de formes libres

![](https://storage.crisp.chat/users/helpdesk/website/-/b/6/d/6/b6d632ff1855d80/6876935e-0c7d-47a2-a642-bfade5_1i7tzwg.png)

Options de formes géométriques

![](https://storage.crisp.chat/users/helpdesk/website/-/d/5/a/c/d5ac9d8e8cfe1000/94064fcd-9125-439d-a3a2-ba7fca_1g89zi6.png)

Option du texte

Dans les options de développement nous retrouvons :

* Formes libres :

* Outil plume : Permet de dessiner une forme délimité avec plusieurs points que l'on ajoute avec la souris
* Outil Main Levé : permet de de dessiner une forme en maintenant le clic de la souris
* Formes géométriques :

* Modèle d'objet ;
* Cercle, permet de dessiner un cercle
* Elipse, permet de dessiner une ellipse;
* Polygone, permet de dessiner un polygone
* Rectangle, permet de dessiner un rectangle ou un carré;
* Ligne, permet de dessiner une ligne
* Texte : texte, permet d'entrer un texte

Ces formes seront paramétrables grâce au paramètre objets que l'on abordera dans la partie suivante.

## Paramètre objets

![](https://storage.crisp.chat/users/helpdesk/website/-/2/8/9/e/289e3e71a6bbb400/7cdbdeb0-9514-4610-b91a-a8158c_pe7ptm.jpg)

Paramètre animations

![](https://storage.crisp.chat/users/helpdesk/website/-/4/6/a/f/46aff4b5ed913400/3a5bd176-3706-4b20-9394-174d7a_1fl9moj.jpg)

Paramètre interactions

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FyJouNceKoIkXLdEdm7pu%252Fsbg-edit-interaction.jpg%3Falt%3Dmedia%26token%3D74f65c55-2b8e-4355-9c15-30068ce4fb7f&width=768&dpr=3&quality=100&sign=ff75638a&sv=2)

Paramètre propriétés

Dans les paramètres objets nous retrouvons :

* Propriétés : il s'agit des paramètres de l'objet créé, on y retrouve les coordonnées X Y, la longueur, la largeur, le remplissage en couleur interne et externe, l'orientation, l'angle, l'épaisseur des bordures, le type de bordure, les jonctions et extrémités
* Animations : il s'agit de fonctions réagissant à l'état des variables que l'on affecte à ces dernières pour modifier les propriétés des objets, on y retrouve 9 options tel que le clignotement de l'objet, le remplissage des contours et interne, la visibilité, le remplissage horizontale, le déplacement horizontale, la rotation, le texte, le remplissage verticale, le déplacement verticale
* Interactions : il s'agit d'une fonction à traiter ultérieurement

## Animations

* Sélectionnez par un click l'élément graphique sur lequel vous souhaitez ajouter une animation, rendez vous à droite dans la catégorie _Animation,_ enfin, créez une nouvelle animation en cliquant sur le bouton "+" Une fois le bouton cliqué : 14 animations s'offrent à vous, choisissez celle qui vous convient.

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FYwQk0NdmgKmCAiNJy4Uj%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-02-20%252012-38-14.png%3Falt%3Dmedia%26token%3D15f85273-9801-47dc-bec2-4735d24f69a3&width=768&dpr=3&quality=100&sign=27001731&sv=2)

Choisir l'animation de l'objet

* Une fois le type d'animation sélectionné, la fenêtre d'édition s'ouvrira devant vous. Sur celle-ci, vous pourrez modifier 3 informations :

1. Le nom de l'animation. _(Conseil : Nommez là en fonction de l'information quelle transmet)_
2. Les conditions d'activations de l'animation, Encore une fois, vous retrouverez des explications détaillés pour créer une formule sur cette page : [Edition d'une formule](/guide-to-scorp-io/module-designer/edition-dune-formule)
3. Les paramètres visuels de l'animation (_vitesse de rotation, couleur, durée, ..)_

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FRlhih53zSEQTVQ5deNVY%252Fsvg-edit-formule.jpg%3Falt%3Dmedia%26token%3D50054d77-2538-487d-87ac-25f43d6bf596&width=768&dpr=3&quality=100&sign=da9bc5f4&sv=2)

* Sauvegarder l'animation : il s'agit d'enregistrer l'animation précédemment rempli
* Animation créée : il s'agit du résultat que l'on obtient après la configuration de l'animation

## Enregistrer le graphique

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FpUUS4xiX4DRM2j3nbJt7%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-02-20%252015-55-02.png%3Falt%3Dmedia%26token%3Dbba0e545-a87f-49fe-9eb9-43e228a6943e&width=768&dpr=3&quality=100&sign=e411118a&sv=2)

Cliquer sur enregistrer

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252F4ohtuBbYGDNBq2DBMH8d%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-02-20%252015-56-05.png%3Falt%3Dmedia%26token%3D14e82d5b-9b1e-49dc-aaac-58655fc9c8c6&width=768&dpr=3&quality=100&sign=fd4d0ee1&sv=2)

Cliquer sur confirmer

Pour enregistrer l'édition, il faut cliquer sur "enregistrer" et confirmer la modification. Activer l'option "Ajuster automatiquement à la taille du contenu" permet d'éviter d'avoir de trop gros graphique avec peu d'éléments dedans.

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252Ffu9YrK7y6gDomWOJ606b%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-02-20%252016-01-19.png%3Falt%3Dmedia%26token%3Dea5a182d-cac4-4d7b-8c09-1914793ba018&width=768&dpr=3&quality=100&sign=e239e110&sv=2)

Avant sauvegarde

![](https://scorp-io.gitbook.io/guide-to-scorp-io/~gitbook/image?url=https%3A%2F%2F3448551736-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FqIpmKf9C2tuFgdUD9Dx8%252Fuploads%252FHbVghHdvEn15FpQY3GVN%252FCapture%2520d%25E2%2580%2599%25C3%25A9cran%2520du%25202025-02-20%252016-00-49.png%3Falt%3Dmedia%26token%3D59be350a-14f0-4acb-aab9-5751105d7a09&width=768&dpr=3&quality=100&sign=3ee0e90d&sv=2)

Après sauvegarde