Catégories

← View All Tools

Générateur de Graphique de Flux

Générer des graphiques de flux fluides pour visualiser le flux de données de séries temporelles, parfait pour montrer les changements de composition au fil du temps avec des formes organiques et fluides

Données de séries temporelles pour le graphique de flux. Chaque série représente une couche fluide au fil du temps.

Titre qui sera affiché au-dessus du graphique

Couleurs personnalisées pour les flux (couleurs hex séparées par des virgules). Remplace le schéma de couleurs si fourni.

Opacité des couches de flux (0.1 à 1.0)

Fluidité des courbes de flux (0.1 à 1.0, plus élevé = plus fluide)

Couleur de fond pour le conteneur du graphique

Couleur pour les lignes de grille

Hauteur du graphique en pixels

Valeur maximale pour l'axe Y (laissez vide pour échelle automatique)

Valeur minimale pour l'axe Y

Étiquette pour l'axe X (typiquement temps)

Étiquette pour l'axe Y

Afficher les lignes de grille pour une meilleure lisibilité

Afficher les valeurs dans les couches de flux

Afficher les étiquettes de données aux points clés

Convertir les valeurs en pourcentages montrant la contribution relative au fil du temps

Afficher une légende sous le graphique

Points clés

Catégorie
Data Visualization
Types d’entrée
textarea, text, select, number, color, checkbox
Type de sortie
html
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

Le Générateur de Graphique de Flux permet de transformer vos données de séries temporelles en visualisations fluides et organiques. Idéal pour illustrer l'évolution de la composition de vos données au fil du temps, cet outil crée des graphiques de zone élégants qui mettent en évidence les tendances et les changements de volume avec une grande clarté visuelle.

Quand l’utiliser

  • •Pour visualiser l'évolution de la part de marché de plusieurs produits sur une période donnée.
  • •Pour comparer les changements de composition de trafic web ou d'audience au fil du temps.
  • •Pour présenter des données de séries temporelles complexes sous une forme esthétique et facile à interpréter.

Comment ça marche

  • •Saisissez vos données au format JSON en spécifiant les étiquettes temporelles et les différentes séries de données.
  • •Personnalisez l'apparence du graphique en ajustant la fluidité des courbes, l'opacité et le schéma de couleurs.
  • •Configurez les axes, la grille et les options d'affichage pour adapter le rendu à vos besoins spécifiques.
  • •Générez instantanément votre graphique de flux prêt à être intégré dans vos rapports ou présentations.

Cas d’usage

Analyse de la répartition des sources de trafic d'un site web sur une année.
Suivi de l'évolution des ventes par catégorie de produits au fil des trimestres.
Visualisation de la consommation énergétique par type de source sur une période donnée.

Exemples

1. Analyse de l'audience web

Analyste marketing
Contexte
L'analyste doit présenter l'évolution des sources de trafic (Desktop, Mobile, Tablette) sur les 5 derniers mois.
Problème
Les graphiques en barres classiques ne permettent pas de visualiser facilement la transition fluide entre les parts d'audience.
Comment l’utiliser
Saisir les données mensuelles dans le champ 'Données de Flux' et activer la normalisation pour comparer les parts relatives.
Configuration d’exemple
{"labels": ["Jan", "Fév", "Mar", "Avr", "Mai"], "series": [{"name": "Desktop", "data": [120, 135, 125, 140, 155]}, {"name": "Mobile", "data": [80, 95, 110, 125, 140]}, {"name": "Tablette", "data": [40, 45, 50, 48, 52]}]}
Résultat
Un graphique fluide montrant clairement la croissance du trafic mobile par rapport aux autres supports.

Tester avec des échantillons

data-visualization
Exemples Avancés d'Application Grafana
Exemples complets de Grafana couvrant le design avancé de tableaux de bord, la configuration d'alertes, l'intégration de sources de données et le développement de plugins
keywords time,series,data
sample
Exemples Chart.js Library
Exemples complets de Chart.js incluant types de graphiques, options de personnalisation, animations et conceptions responsives
keywords graph,chart,data
sample
Exemples de Communication Temps Réel WebRTC
Exemples complets WebRTC pour communication audio/vidéo P2P, canaux de données, partage d'écran et serveur de signalisation
keywords time,data
sample
Server-Sent Events (SSE)
Exemples de Server-Sent Events pour communication unidirectionnelle en temps réel du serveur au client, incluant les mises à jour en direct, notifications et streaming de données
keywords stream,time,data
sample

Hubs associés

Outils Json pour Generate
Découvrez 33 outils json pour des workflows de generate et comparez rapidement des utilitaires proches.
Outils Design pour Generate
Découvrez 19 outils design pour des workflows de generate et comparez rapidement des utilitaires proches.
Outils Pdf pour Generate
Découvrez 10 outils pdf pour des workflows de generate et comparez rapidement des utilitaires proches.
Outils Audio pour Generate
Découvrez 8 outils audio pour des workflows de generate et comparez rapidement des utilitaires proches.

FAQ

Quels formats de données sont acceptés ?

L'outil accepte des données structurées au format JSON, incluant des étiquettes pour l'axe X et des séries de valeurs pour l'axe Y.

Puis-je personnaliser les couleurs des flux ?

Oui, vous pouvez choisir parmi des schémas de couleurs prédéfinis ou spécifier vos propres codes hexadécimaux.

Est-il possible de normaliser les données à 100 % ?

Oui, l'option de normalisation permet de convertir les valeurs en pourcentages pour mieux visualiser la contribution relative de chaque série.

Quelle est la différence entre un graphique de flux et un graphique de zone classique ?

Le graphique de flux utilise des courbes lissées et une disposition centrée pour créer un aspect organique, facilitant la lecture des changements de composition.

Puis-je ajuster la fluidité des courbes ?

Absolument, le paramètre de fluidité de courbe vous permet de contrôler l'aspect organique des formes, de 0.1 (linéaire) à 1.0 (très fluide).

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/stream-graph

Paramètres de la requête

Nom du paramètre Type Requis Description
chartData textarea Oui Données de séries temporelles pour le graphique de flux. Chaque série représente une couche fluide au fil du temps.
chartTitle text Non Titre qui sera affiché au-dessus du graphique
colorScheme select Non -
streamColors text Non Couleurs personnalisées pour les flux (couleurs hex séparées par des virgules). Remplace le schéma de couleurs si fourni.
streamOpacity number Non Opacité des couches de flux (0.1 à 1.0)
curveSmoothness number Non Fluidité des courbes de flux (0.1 à 1.0, plus élevé = plus fluide)
backgroundColor color Non Couleur de fond pour le conteneur du graphique
gridColor color Non Couleur pour les lignes de grille
chartHeight number Non Hauteur du graphique en pixels
maxValue number Non Valeur maximale pour l'axe Y (laissez vide pour échelle automatique)
minValue number Non Valeur minimale pour l'axe Y
xAxisLabel text Non Étiquette pour l'axe X (typiquement temps)
yAxisLabel text Non Étiquette pour l'axe Y
showGrid checkbox Non Afficher les lignes de grille pour une meilleure lisibilité
showValues checkbox Non Afficher les valeurs dans les couches de flux
showDataLabels checkbox Non Afficher les étiquettes de données aux points clés
normalizeData checkbox Non Convertir les valeurs en pourcentages montrant la contribution relative au fil du temps
showLegend checkbox Non Afficher une légende sous le graphique

Format de réponse

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP: 

{
  "mcpServers": {
    "elysiatools-stream-graph": {
      "name": "stream-graph",
      "description": "Générer des graphiques de flux fluides pour visualiser le flux de données de séries temporelles, parfait pour montrer les changements de composition au fil du temps avec des formes organiques et fluides",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=stream-graph",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]