10 façons de faire des diagrammes en ligne gratuitement

Je profite de mettre à jour ce billet car google vient d’annoncer une mise à jour de la partie « drawing » qui permet de collaborer en ligne avec d’autres collaborateurs ce qui est un must pour le télétravail. Google par cette annonce vient donc concurrencer de plus en plus les versions bureautiques connus. Si les fonctions de la suite bureautique en ligne de google n’ont pas encore la puissance d’un Microsoft office, on peut quand même satisfaire 95% des besoins normaux.

Nous sommes toujours amené à faire des diagrammes de temps en temps pour le travail, les études, personnellement et pour bloguer. Évidemment tout le monde n’a pas la chance d’avoir Visio de microsoft sur son desktop (ou autre logiciel payant) et plutôt que d’attendre l’autorisation du chef pour installer un tel logiciel, on peut se tourner vers des solutions en ligne qui sont de plus en plus nombreuses (en espérant que le firewall ne vous bloque pas). Voilà donc une liste de sites à tester. Une fois la prise en main totalement maîtrisée sur un de ces sites et pour un usage moins ponctuel, il sera peut-être nécessaire de prendre un abonnement premium. Cela dit, pour payer il faudra vraiment être convaincu et donc avoir testé de fond en comble toutes les options offertes dans la version gratuite.

D’une manière générale tous ses sites sont excellents et ils s’améliorent d’année en année. De plus, les versions payantes semblent assurer la pérennité de ces services.

Cet article est mis à jour régulièrement

Live.yworks.com/graphityFlash only !

Pas de compte à créer et la sauvegarde se fait avec une extension . grapheml théoriquement compatible avec les autres services du même type. l’aspect est soigné ici , un peu moderne des boutons avec du relief plutôt web2.0. Il est possible d’exporter les dessins en format png . En allant sur la partie « layout », il est possible de reconfigurer le diagramme automatiquement, c’est plutôt pratique. Non seulement il y a les formes classiques de diagramme, mais il est possible de personnaliser les objets. Comme il faut du flash, je n’ai utilisé ce site que sur firefox.

Draw.io (ex Diagram.ly)

Outil en ligne gratuit et sans création de compte, qui suffit à lui seul. A gauche les diagrammes, les outils et les symboles à inclure dans le diagramme, les ancrages d’objets très agréables et la duplication des objets est encore plus rapide. Idéal pour faire un diagramme rapide et agrémenter un blogue. . Il est possible d’importer de nombreux objets grâce à un moteur de recherche d’image intégré). La sauvegarde se fait en format xml pour pouvoir ensuite reprendre les diagrammes plus tard. L’export est possible en plusieurs formats (png, jpg, svg, pdf, xml). Vous pouvez coupler ce logiciel en ligne avec google drive ou onedrive de microsoft pour sauvegarder vos oeuvres.

Google.com/drawings

Dans votre google drive , il y a une partie « dessin » ou « drawing » qui permet de collaborer en ligne ce qui est un must pour le télétravail. Google par cette annonce vient donc concurrencer de plus en plus les versions bureautiques connus. Si les fonctions de la suite bureautique en ligne de google n’ont pas encore la puissance d’un Microsoft office, cela peut quand même satisfaire 95% des besoins normaux. Attention cependant il n’y a rien de prémaché comme dans les autres applications présentée sur cette page.

Flowchart.com (toujours en ligne et gratuit)

Nous continuons dans la qualité avec ce site. La bibliothèque d’objets disponibles est impressionnante. Les objets sont disponibles, soit à partir de dossiers soit à partir d’un petit moteur de recherche. Sur ce site complet, la courbe d’apprentissage sera lente tant les options sont nombreuses.

Lucidchart.com(maintenant avec l’option français)

Ce site de diagramme en ligne a bien progressé depuis. l’utilisateur appréciera aussi la bibliothèque d’objet qu’on ira consulter sur iconfinder, google ou lucidchart. De plus, une partie de ce site est disponible en langue française. Il est possible d’importer des projets à partir de visio (microsoft et gliffy).

Diagramo.com

Diagrammes simples en html et opensource qui permet de faire un rapide diagramme sans prétention du moins pour la version démonstration en ligne qui n’est juste faite pour inciter à télécharger le logiciel

Sketchboard.me

Malgrè une version gratuite un peu limitée, cet outil permet de faire des diagrammes rapidement. On se servira des objets déjà disponibles sur l’outil pour réaliser, des diagrammes, des brainstormings, des roadmaps, ou autres type de travail. L’intérêt réside dans le fait qu’on peut travailler à plusieurs et à distance. Cela dit la version gratuite est limitée à des diagrammes publics et il n’y a pas de possibilité de sauvegarder le résultat dans un format de type image (png) . Ma revue complète.

yed

Cet outil existait déjà en version desketop, il est maintenant disponible en version en ligne. Cette version en ligne est là pour nous faire tester l’outil sans toutefois pouvoir élaborer des grands projets. L’outil possède une interface assez professionnelle, mais le débutant aura peut-être un peu de mal à élaborer ses premiers diagrammes en ligne.

Les autres outils qui sont maintenant payant ou dans un langue difficile à comprendre.

Processon.com (pour qui lit le chinois)

Dernièrement testé sur roget.biz, vous avez ici un réseau social de diagrammes en ligne. Cela veut dire que vous pouvez partager vos diagrammes, mais aussi, vous inspirer du graphique des autres et de les modifier à votre guise. Vous pouvez créer des Diagrammes uml, Diagrammes de venn, de flux de données, Business Process Model and Notation, Chaîne de valeur , Event-driven process chain, Organigramme de programmation. Aujourd’hui ce site est écrit dans une langue asiatique (chinois) et il faudra être motivé pour faire un diagramme!

Grapholite.com(plus en ligne, il faut installer l’application)

Voir ma revue sur le sujet : faire-des-diagrammes-en-ligne-avec-grapholit. Inspirez vous avec les templates disponibles sur l’outil pour aller plus vite en besogne . Il est même possible faire des plans. Au dernière nouvelle, il faut maintenant télécharger une application sur le pc pour faire fonctionner l’outil. Il faudra donc un jour que je teste la bête .

Gliffy.com n’est plus gratuit

Déjà présenté, gliffy semble vraiment complet, il permet de faire des diagrammes de réseaux informatiques, des plans de salle et des diagrammes de processus et des organigrammes… La version gratuite est limitée à 2Mo de photos, mais le nombre de diagrammes est illimité à partir du moment où les diagrammes sont publics. Pour quelque chose de plus confidentiel il faudra passer à la version premium.

Creately.com (n’est plus gratuit!)

Une belle application en ligne, mais en flash (on aime ou pas). En tout cas les options de type de graphique sont très complète. Il est possible aussi de s’inspirer des graphes et diagrammes existants. Vous serez surpris par la bibliothèque de diagrammes disponibles, et pourquoi pas faire des bandes dessinées avec ce site. Pourquoi pas faire des arbres généalogiques, ou encore élaborer des cartes géographiques.

Publié le : 9 octobre 2013 à 10 h 00 min et remise à jour depuis car les choses changent beucoup avec le temps.

N’oubliez pas 10 Les powerpoints en ligne

Aujourd’hui il existe 10 sites qui permettent de réaliser des présentations en ligne gratuitement.

N’oublions pas que les powerpoints en ligne ont une option de diagramme. Ce qu’on peut leur reprocher c’est de ne pas avoir l’option d’encrage entre les objets. En effet si quand l’utilisateur déplace un objet, il s’attend à ce que les flêches ou les liens pointant vers cet objet se déplacent en même temps(ancres). C’est d’ailleurs ce qui fait la différence entre un diagramme de flux et un diagramme tout court.

9 sites pour réaliser des mindmap, diagramme et cartes heuristiques

Une autre option aussi sera de réaliser des brainstormings et de les synthétiser sur des cartes heuristiques.

V1 : Jun 27, 2011 @ 10:00

18 sites pour faire des graphes en ligne gratuitement

Faire des graphes en ligne peut être une bonne façon d’agrémenter un blogue, voir une présentation sur powerpoint. Ici je présente plusieurs moyens de réaliser des graphes en ligne en tous genres. Je viens de faire une mise à jour de ce billet vieux comme le mond.e Apparemment, les fabrications de tableaux sur Internet résistent bien au temps. Dans ce billet, je n’ai pas inclus Microsoft office qui propose aussi ce même service en ligne via on drive. De mon côté, j’utilise la suite office en ligne de Gdrive, mais ce n’est qu’un avis personnel.

Notons que depuis que microsoft propose en location la suite bureautique pour 90 euros par an pour une famille complète, l’offre est tout de même tentante. Néanmoins pour un usage peu intensif de la bureautique, je conseille tout de même les outils gratuits. C’est d’ailleurs pour cela que j’ai élaboré cette liste.

plot.ly (top)

Seules l’imagination est la limite avec ce site qui mérite d’être dans le haut de la liste! Le courbe d’apprentissage sera plus longue que la plupart des sites de cette liste, mais le résultat sera à la hauteur de l’effort fourni. Lire la fiche complète de plot.ly

Charts.livegap.com peu d’option mais bien

Ce service que j’ai décrit ici est mon petit coup de coeur. C’est idéal pour faire un petit graphique rapide.

RAW

Des graphes, des courbes et infographie « ready ». S’il faut faire des graphes complexe, c’est sur RAW qu’il faut le faire si les graphes de small Multiples (Area) , alluvial_diagram, circle packing , Dendrogram , clustered Force , convex Hull, parallel Coordinates ,voronoi tessellation , treemap , Scatter Plot , Sreamgraph, Triangulation de Delaunay ou encore Reingold–Tilford Tree, vous parlent, c’est sur RAW qu’il faut travailer.

Chartblocks.com/fr

Ce tout nouveau service permet de faire des graphiques classiques mais qui sont vraiment très personnalisables. Pour la partie gratuite, les graphes sont publiques et sont limité à 50 graphes.

Share-a-graph.com

Ce site vous permet, non seulement de créer des graphes avec de nombreuses options, mais aussi de les sauvegarder. La syntaxe est toutefois compliquée.

Les suites offices en ligne

Qui peut le plus peu le moins, toutes les suites offices offre les options de graphes et de camembert.

Google feuile de calcul.

Google feuille de calcul donne aussi des résultats maintenant excellents, et avec toutes les facilités de les intégrer dans les blogs. Il y a souvent des nouveautés sur ce service, ce site comblera 90% des besoins simples.

Sheet.zoho.com

Zoho est vraiment la meilleur application office en ligne et les options de graphes y sont nombreuses

Charts.hohli.com

Ce site est très ergonomique et possède des paramétrages originaux. On pourra réaliser une belle panoplie de courbes et représentations, une fois l’outil pris en main.

Wolframalpha.com

Avec Wolfram il suffit de mettre une série de chiffres (25 35 10 17 29 14 21 31) et le graphe apparaît en fin du résultat. Pour un syntaxe plus évoluée on pourra mettre PieChart[{25, 35, 10, 17, 29, 14, 21, 31}]

Les simplissimes

Il y a les services simples qui permettent de faire également des camemberts ou autres graphes, mais le look laisse parfois à désirer et les options sont limitées. Toutefois, pour faire un graphe en mode « Quick and Dirty » c’est très bien.

Chartgizmo

Avec ce service, on est capable de créer un camembert un peu plus en forme. On se sent quand même plus à l’aise avec cet outil. Il faudra néanmoins créer un compte gratuit et je pense qu’on aura le droit au petit logo Chartgizmo sur chaque Graphe pour cette version gratuite. Le gros truc c’est l’exportation des graphes, ça va de l’html, du php en passant par le flash.

Chartico.com

La palme d’or pour ce service, simple et interactif qui n’a aucune prétention, mais qui, par sa simplicité fait que c’est un de mes outils coup de coeur. l’interactivité quand on change une valeur est top, on peut changer aussi les couleurs de chaque graphe et d’ajouter autant de valeur qu’on veut. Cliquer ici pour plus de détails.

Piecolor.com/?lang=fr

Permet de faire des camemberts à partir du moment où on sait calculer les pourcentages d’un résultat. C’est encore rudimentaire, mais ça peut aider. Le site est disponible en français, anglais et espagnol. Il conviendra de bien choisir ses couleurs avant de générer le camembert, car une fois lancé, on ne peut plus revenir en arrière. Il n’est pas utile de créer un compte pour générer un camembert.

Chartpart.com

Une interface dépouillée, mais permet de faire plus que des camemberts, il faut bien lire le code dans l’exemple et connaître le code ascci des couleurs pour générer quelque chose de potable. L’avantage est que le code html est fourni, et le code du résultat peut être directement intégré dans le blog. Là aussi pas besoin de créer un compte.

NCES Kids Zone

Une interface en flash, cela permet de faire des graphes assez intéressants. Les sauvegardes possibles sont multiples, ce qui fait qu’on est quand même dans quelque chose de plus sympathique et on peut s’aider des nombreux exemples .

Yellowpipe.com (ça marche pas en ce moment)

Ultra rudimentaire, avec un choix de couleur limité mais ultra rapide

Mathcracker.com

Ultra simple, ultra rapide, pas de choix des couleurs, pas d’exportation, il faudra faire appel à une capture d’écran.

Un autre point, j’utilise le freeware photoscape pour faire des captures d’écran.

Mise à jour 18 juin 2014 à 9 h 00 min

Statpedia : pour faire des graphiques en ligne et gratuitement

Pour faire des graphiques en ligne à partir de données numériques, on peut utiliser des outils complexes comme excel, mais on peut aussi tester des solutions en ligne, gratuites et presque simples. Dans le cadre de la gratuité et de la simplicité, je conseille toujours à ceux qui me posent la question de consulter ma fiche sur l’élaboration des graphes en ligne avec presque 20 services en lignesdisponible. Maintenant il va falloir compter aussi sur statpedia.com qui est ma découverte d’aujourd’hui.

Pour commencer, on peut s’amuser à changer les valeurs du tableau qui est présenté par défaut sur l’outil. Le graphe s’actualise en temps réel ce qui est déjà un avantage. Pour aller plus loin, il sera tout de même préférable de créer un compte.

Généralement, le premier test que je fais quand j’expérimente un tel outil, je copie un tableau existant à partir d’une feuille de calcul créée sur un autre tableur. Et bien l’outil comprend parfaitement et transforme instantanément les valeurs en graphe. Ce serait presque top, mais malheureusement, les virgules n’ont pas été prises en compte. Ce problème est vieux comme le monde, car les anglo-saxons mettent des points à la place des virgules et vice et versa.

Après quelques minutes, voilà le graphe que j’ai créé. J’ai pu personnaliser mon graphe en y mettant un titre, un sous-titre. J’ai pu changer aussi le fond et enfin, j’ai pu aussi appuyer sur l’option 3D pour un meilleur rendu.

Que propose donc statpedia?

Création de graphes à partir de données d’un tableau avec importation de tableau existant par simple copié collé.
Un choix encore limité d’option de graphes.
Une actualisation des graphes instantanée.
Ajout (insertion) et suppression de colonne, de ligne rapide en clic droit .
Des options 3D pour certaines options de graphes.
Pour l’instant, il est possible de créer autant de graphe que possible.
Une personnalisation assez poussée des graphes (fond, couleur, 3D, taille de police….)
La bonne surprise c’est que les graphes sont exportables en divers formats : PNG (le plus adéquate pour intégrer dans un blogue), JPG (pour un poids plus léger), PDF (pourquoi pas) et pour les graphistes le format vectoriel SVG.
Il existe la version embed (code d’incrustation) qui permettra d’aller puiser le graphe directement à partir du site statpedia. Cette dernière option est pratique pour les utilisateurs qui vont changer les valeurs du tableau et qui veulent que le tableau change instantanément. De plus, on peut espérer aussi, des interactions sur le graphe quand on passe dessus avec la souris, comme on peut le voir dans l’animation qui suit.

Il y a aussi une fonction « Share link » et voilà mon exemple http://statpedia.com/view/f95e9d3d-42e3-4ef5-b811-9791fc2e7bf0 .
Maintenant, si vous voulez aussi publier le graphe, c’est possible, dans ce cas tout le monde pourra consulter le graphe, encore faut-il qu’il soit intéressant.

Voilà la petite animation créée pendant mes tests.

Conclusion : encore une option disponible sur le web et en plus gratuite, l’outil n’en est qu’à ses tous début, il faudra voir comment il évolue au fil du temps. Pour nous éditeur, s’il faut faire une graphe rapidement pour le publier, c’est un outil qu’il faut prendre en compte. Le problème c’est qu’on peut trouver à peu près les mêmes options de graphe sur des outils plus complet comme googlesheet et j’attends donc de découvrir des outils qui offrent des options encore plus élaborée pour qu’elles puissent vraiment valoir le coup (et le coût) d’être utilisé.

Pour finir, voilà une démo sur youtube. On peut voir que l’outil présenté diffère légèrement avec l’outil disponible en ligne.

statpedia.com à mettre dans vos favoris.

Étiquette : diagrammes