Disponible : Devenez un expert en présentation gratuitement Obtenir la certification

Comment créer des graphiques et des tableaux animés dans Visme

Mahnoor Sheikh
Écrit par Mahnoor Sheikh
Publié le Déc 21, 2021
Comment créer des graphiques et des tableaux animés dans Visme

La visualisation des données à l'aide de grahiques et de tableaux animés a toujours été un moyen efficace d'engager votre public. Ils permettent de faciliter la digestion d'informations complexes.

Mais, les visualisations de données statiques sont de vieilles nouvelles. Vous pouvez désormais ajouter des effets d'animation à vos graphiques pour leur donner vie. Avec cette approche, susciter davantage l'intérêt de votre public.

Plus qu'un simple effet sympa et cool, l'animation peut en fait aider votre public à mieux comprendre l'information. Ils ont plus de faciliter à assimiler les informations présentées.

Considérez un graphique qui apparaît lentement, comme celui ci-dessous.

Un tableau animé similaire à celui ci-dessus peut attirer efficacement l'attention du public. Il dirige son regard vers des points spécifiques du graphique. C'est presque impossible à faire avec un graphique statique, où vous ne pouvez pas contrôler le rythme des informations présentées.

Dans Visme, il est très facile de créer vos propres diagrammes et graphiques animés. Vous pouvez également rendre un tableau interactif en ajoutant des popups et des effets de survol.

Dans ce court tutoriel, je vais vous montrer comment créer des tableaux et des graphiques animés dans Visme. Avec cette méthode vous pouvez ajouter des animations à votre prochaine présentation ou rapport.

 

Tutoriel vidéo: Comment créer des tableaux et des graphiques dans Visme

Si vous préférez plutôt regarder une courte vidéo, consultez ce didacticiel YouTube Visme. Elle vous montre comment créer des tableaux et des graphiques dans Visme en quelques clics.

Dans Visme, tous les tableaux et graphiques sont pré-animés et personnalisables. Vous pouvez expérimenter autant que vous le souhaitez ou supprimer complètement l'animation.

Continuez à lire pour un didacticiel détaillé étape par étape avec des captures décran.

 

Comment créer des graphiques et des tableaux animés dans Visme

Au lieu d'utiliser un logiciel complexe ou d'embaucher un animateur professionnel, vous pouvez simplement utiliser le créateur de graphiques de Visme pour créer des tableaux animés en quelques clics.

Nous vous recommandons de créer un compte Visme gratuit avant de commencer. Cela vous permettra de suivre plus facilement les étapes ci-dessous et de créer votre propre graphique animé.

Commençons!

 

1 Choisissez un template ou commencez avec une toile vierge.

Une fois connecté à votre compte Visme, vous serez redirigé vers le tableau de bord principal. C'est ici que vous pourrez voir tous vos projets et également en créer de nouveaux.

Naviguez jusqu'à la barre latérale gauche et cliquez sur Créer.

Ici, vous avez la possibilité de choisir un template ou de commencer avec une toile vierge.

create animated charts - choose a template
Trouvez le modèle parfait pour votre prochain tableau et graphique animéParcourir maintenant

Commencez par une présentation, une infographie ou un template de rapport. Puis, tapez « graphique » ou tout autre mot-clé dans la barre de recherche en haut pour voir les résultats pertinents.

Si vous cherchez à créer un rapport avec plusieurs types de graphiques plutôt qu'un simple graphique individuel, vous pouvez sélectionner la catégorie Documents Rapports. Vont s'afficher des dizaines de templates avec une variété de tableaux et de graphiques dans différents styles.

Ceux-ci peuvent également être recherchés en fonction de l'industrie. Par exemple le marketing, les affaires, les organisations à but non lucratif, la santé, l'éducation et la technologie, entre autres.

 

2 Insérez vos données.

Une fois dans l'éditeur Visme, vous pouvez faire l'une des deux choses suivantes : créez un nouveau graphique en sélectionnant Données dans le panneau de gauche. Ou modifiez un graphique existant dans un template en cliquant dessus.

Dans les deux cas, le moteur graphique apparaîtra sur votre écran. Vous verrez une zone de feuille de calcul sur votre gauche. C'est ici que vous insérerez vos informations.

create animated charts - insert your chart data
Personnalisez ce modèle de graphique animéÉditer et Télécharger

Vous pouvez insérer des données dans votre feuille de calcul de trois manières différentes:

  • Saisir manuellement les données. Saisissez les données ou copiez-les et collez-les à partir de votre feuille de calcul.
  • Téléchargez une feuille de calcul. Importez des données directement depuis un fichier Excel ou tout autre fichier CSV.
  • Connectez une feuille Google. Synchronisez les données en direct et mises à jour à partir d'une feuille Google publiée.

En savoir plus sur la façon de connecter et d'importer des données dans des graphiques.

 

3 Choisissez votre type de graphique animé.

Ensuite, choisissez le type de tableau ou de graphique qui répond le mieux à vos besoins.

Vous vous demandez peut-être pourquoi cette étape intervient après l'ajout de vos données. C'est ainsi que vous pouvez facilement basculer entre les différents types de graphiques pour voir ce qui donne le meilleur aspect à vos données.

create animated charts - choose your chart type
Créez votre graphique animé dès maintenantEssayez. C'est gratuit.

Vous verrez différents types de graphiques que vous pouvez parcourir en haut du moteur de graphiques. Il existe plus de 20 types de graphiques différents disponibles dans Visme. Retrouvez des graphiques à barres, à tarte, en anneau, en ligne, en aire et en nuage de points.

Si vos données sont constituées de pourcentages dont la somme atteint 100 %, un graphique à secteurs ou en anneau devrait être idéal. Si vous souhaitez afficher la relation entre les points de données dans le temps, un graphique linéaire peut être le plus efficace.

 

4 Ajoutez un autre ensemble de données à comparer.

Cette étape est facultative, mais vous pouvez ajouter d'autres ensembles de données pour établir une comparaison visuelle entre eux à l'aide de votre graphique animé.

Pour ce faire, il vous suffit d'insérer vos lignes de données supplémentaires sous la première.

create animated charts - compare data sets

Par exemple, si vous souhaitez comparer la fréquentation de différents types d'événements culturels en Angleterre et au Pays de Galles, vous pouvez facilement la visualiser à l'aide d'un graphique à barres comme celui ci-dessus.

Vous verrez que le tableau ou le graphique est automatiquement animé dans l'aperçu du graphique.

 

5 Code couleur de votre graphique animé.

Une fois que vous avez inséré vos données, vous pouvez maintenant personnaliser l'apparence de votre diagramme ou graphique, selon le type que vous avez sélectionné.

Pour commencer, vous pouvez modifier n'importe quelle couleur de votre graphique, y compris les couleurs individuelles des barres, des lignes ou des segments de tarte, ainsi que les couleurs de l'arrière-plan, des étiquettes et des titres.

create animated charts - change your colors

Vous pouvez choisir parmi les couleurs stockées dans votre palette de couleurs globale, qui enregistre les teintes appliquées précédemment dans le même projet, ou vous pouvez insérer les codes hexadécimaux de vos combinaisons de couleurs préférées.

Ou, si vous recherchez une sensation plus conservatrice et professionnelle, vous pouvez également vous en tenir à des schémas de couleurs monochromatiques, qui sont simplement des nuances, des teintes et des tons d'une seule couleur.

Quelle que soit votre décision, assurez-vous simplement qu'elle est cohérente avec le style visuel et le thème de votre rapport, présentation ou infographie.

add your favorite colors into your designs with visme

 

6 Personnalisez les paramètres de votre graphique animé.

Une fois que vous avez choisi votre palette de couleurs, vous pouvez ajuster d'autres paramètres, tels que le titre et le sous-titre de votre graphique ou tableau.

create animated charts - customize chart settings
Créez votre propre graphique animé dès maintenant!Essayez. C'est gratuit.

Vous pouvez également modifier les polices et ajuster les paramètres liés aux axes, à la légende, aux valeurs et à l'apparence. Une autre option consiste à activer les légendes au survol, ce qui ajoute une dose d'interactivité à votre graphique animé.

En outre, vous pouvez choisir entre différents styles d'animation, tels que Linéaire, Rebond et Élastique, ou désactiver complètement lanimation.

 

7 Prévisualisez votre graphique animé.

Pour voir si vous aimez l'aspect général de votre graphique ou si vous souhaitez faire des ajustements, vous pouvez cliquer sur le bouton Présenter en haut de votre écran pour le prévisualiser.

create animated charts - preview your chart
Trouvez le modèle idéal pour votre prochain graphique et tableau animé!Parcourir maintenant

Dans ce mode, vous verrez les effets d'animation qui ont été ajoutés à votre tableau ou graphique, ainsi que les valeurs de survol qui apparaissent lorsque vous placez votre curseur sur chaque barre ou segment.

 

8 Publier, partager ou télécharger.

Pour publier et partager votre graphique animé, il vous suffit de cliquer sur le bouton Partager en haut de votre écran.

create animated charts - publish, share or download

Ici, vous pouvez choisir parmi trois options différentes:

  • Publier pour le Web. Cela rend votre graphique animé détectable sur Google et génère un lien vers votre projet que vous pouvez partager avec dautres.
  • Partagez en privé. Cela génère une URL privée vers votre projet que vous pouvez partager avec des personnes sélectionnées, par exemple par e-mail.
  • Intégrer. Cela génère un code réactif ou à largeur fixe que vous pouvez utiliser pour intégrer votre graphique animé sur votre site Web.

Enfin, si vous souhaitez télécharger votre projet sous forme d'image statique, vous pouvez l'enregistrer sous forme de fichier JPG, PNG ou PDF. Mais si vous souhaitez conserver l'animation, vous avez la possibilité de la télécharger en fichier HTML5.

 

Créez votre propre tableau animé dans Visme

La création d'un graphique animé dans Visme ne prend que quelques minutes. Vous n'avez pas besoin d'avoir des compétences en design ou en animation. Ni même de télécharger un logiciel complexe.

Vous pouvez créer des visualisations de données avancées et leur ajouter une animation et une interactivité directement dans votre navigateur.

Si vous n'avez pas encore testé le nouveau Visme, vous pouvez vous inscrire gratuitement dès aujourdhui et l'essayer aussi longtemps que vous le souhaitez.

Nous aimerions connaître vos commentaires et vos impressions. Envoyez-nous simplement une ligne dans la section commentaires ci-dessous, et nous vous répondrons!

Mahnoor Sheikh
Écrit par Mahnoor Sheikh

Mahnoor is a freelance writer and content strategist for B2B SaaS brands (and a toddler mom). She loves to talk about marketing, sales, branding and visual design. When she’s not working, she’s chilling at home (or the beach), cooking gourmet dinners for her family or traveling the world. She’s currently based in Antalya. Connect with her on LinkedIn or check out her website.

Créez un contenu épatant!

Développez votre identité visuelle et votre image de marque, que vous soyez un graphiste expérimenté ou bien un débutant.

Testez Visme gratuitement