Extension:Chart/fr

Category:GPL licensed extensions/fr
Manuel des extensions MediaWiki
Chart
État de la version : stableCategory:Stable extensions/fr
Implémentation Balise Category:Tag extensions/fr
Description Renders charts
Auteur(s) TODO
Politique de compatibilité Le master conserve la compatibilité arrière.
MediaWiki >= 1.44
Modifie la base
de données
Non
Licence Licence publique générale GNU v3.0 ou supérieur
Téléchargement Category:Extensions in Wikimedia version control/fr
README
  • $wgChartRequestSizeLimit
  • $wgChartProgressiveEnhancement
  • $wgChartTransformsEnabled
  • $wgChartServiceUrl
  • $wgChartCliPath
Téléchargements trimestriels 29 (Ranked 72nd)
Traduire l’extension Chart sur translatewiki.net si elle y est disponible
Problèmes Tâches ouvertes · Signaler un bogue
Category:All extensions/fr

L'extension Chart fournit des capacités de visualisation de données interactives de base conçues pour remplacer l'extension Graph et éventuellement aussi l'extension EasyTimeline. Cette extension est actuellement en développement pour les wikis Wikimedia. Voir Extension:Chart/Projet pour plus de détails sur le processus de développement.

Cette extension prend en charge les types de graphiques suivants :

  • Graphique linéaire
  • Graphique en aires
  • Diagramme en barres
  • Diagramme circulaire

Installation

L'extension Chart nécessite l'installation de l'extension JsonConfig ainsi que le téléchargement de la bibliothèque JavaScript Chart Renderer (actuellement la bibliothèque TypeScript).

Voir le fichier README.md dans le dépôt pour les instructions de configuration complètes.

For Wikimedia production usage, see Wikitech:Kubernetes/Deployments for general instructions on service deployments.


Comment l'utiliser

Pour générer un graphique, une définition de graphique à associer à la source des données que vous souhaitez utiliser doit être réalisée. Une définition de graphique est un fichier JSON relativement simple qui satisfait à Extension:Chart/Specification.

Tous les graphiques de cet exemple peuvent être générés à partir de la même source de données : Data:Chart_Example_Data.tab, un ensemble de données fictif. Les exemples de contenu de ces pages sont disponibles dans le répertoire sample.

{
    "license": "CC0-1.0",
    "version": 1,
    "source": "Chart Example Data.tab",
    "type": "line",
    "title": {
        "en": "Example Chart Title"
    },
    "xAxis": {
        "title": {
        	"en": "Example X Axis Title"
        },
        "format": "none"
    },
    "yAxis": {
        "title": {
            "en": "Example Y Axis Title"
        },
        "format": "none"
    },
    "mediawikiCategories": [
        {
            "name": "Example category",
            "sort": "Its sortkey"
        }
    ],
    "transform": {
        "module": "Optional lua module for data transforms",
        "function": "transform_func",
        "args": {
            "arg_name": "arg_value"
        }
    }
}

Une fois un graphique défini, vous pouvez le générer facilement en utilisant la fonction d'analyse syntaxique #chart. Dans ce cas, les données du graphique sont définies en Data:Chart_Example_Data.tab, et le graphique lui-même est défini en Data:Example.Line.chart :

{{#chart:Example.Line.chart}}


Personnalisation

La personnalisation des graphiques est actuellement limitée. L'espoir est qu'après les tests, les discussions et les évaluations, des solutions de personnalisation puissent être trouvées qui ne compromettent pas l'accessibilité, le rendu spécifique à l'appareil ou la sécurité.

Taille

Actuellement, les graphiques occupent toute la largeur du conteneur où vous les placez.

L'objectif final est de s'assurer que les graphiques peuvent être rendus lisibles, peu importe l'appareil sur lequel ils sont lus; voir T376845 pour plus de détails.

Thématisation

Actuellement, les graphiques sont limités à une seule palette de couleurs par défaut. Cette palette a été soigneusement conçue en tenant compte de l'accessibilité. Les raisons de ces choix de couleurs peuvent être vues dans T369863.

Certains graphiques exigent des thèmes de couleur spécifiques, par exemple, pour représenter des données relatives aux partis politiques. Il reste une question ouverte de savoir comment mieux soutenir ce type de personnalisation sans compromettre la capacité des lecteurs ayant des besoins d'accessibilité (par exemple, la cécité) pour les utiliser.

Note de précaution

Notez que les graphiques actuellement génèrent des sorties SVG pouvant être mises en forme via TemplateStyles et que la mise en forme des éléments SVG ne doit pas être considérée comme stable car elle peut changer à tout instant. Veuillez ne pas vous appuyer sur le CSS pour modifier l'apparence du graphique car cela peut produire des graphiques qui ne seront plus fonctionnels à l'avenir ou qui pourraient interférer avec les fonctions d'accessibilité qui modifient la taille de la police et des fonctionnalités comme le mode sombre.

Internationalisation

Les graphiques ne peuvent être intégrés que dans le langage du contenu du wiki; par exemple, la chaîne de requête "uselang" (par exemple ?uselang=es) n'aura pas d'impact sur le graphique.

Le format du graphique prend en charge la définition de texte comme le titre et les étiquettes dans différentes langues, de sorte que le même graphique peut être utilisé dans les wikis de différentes langues. Voir cet exemple d'un graphique avec support pour plusieurs langues affiché dans un wiki en espagnol.

Problèmes connus

Types de graphiques

Pour tous les graphiques, les données doivent être disposées en colonnes, la première colonne représentant le x-axis et les colonnes suivantes représentant les séries sur le y-axis.

Linéaire

%supportDate0102030405009/09/199326/09/199308/10/199322/10/1993ElfesEntsOrcsHobbitsTrollsExemple de graphique linéaire

Données brutes

En barres

%supportDate0102030405009/09/199326/09/199308/10/199322/10/1993ElfesEntsOrcsHobbitsTrollsExemple de diagramme en bars

Données brutes

En aires

%supportDate02040608010009/09/199326/09/199319/10/1993ElfesEntsOrcsHobbitsTrollsExemple de graphique en aires

Données brutes

Circulaire

Les graphiques circulaires sont un type de graphique spécial et les sources de données peuvent nécessiter une modification pour être générées de manière appropriée.

Lors de la lecture des données, toutes les colonnes non numériques (par exemple, l'axe x) seront rejetées et la somme de toutes les lignes sera représentée sur le graphique.

Par exemple, lorsque plusieurs rangées représentent des valeurs pour A, B et C à de nombreuses dates, par exemple le 1er janvier et le 2 janvier, la partie du graphique circulaire pour A représentera la somme de toutes les valeurs de rangées de A à travers ces dates.

ElfesEntsOrcsHobbitsTrollsElfesEntsOrcsHobbitsTrollsExemple de diagramme circulaire

Données brutes

Retrouver les graphiques existants

Les graphiques qui peuvent être utilisés dans les articles sont disponibles sur Wikimedia Commons et peuvent être suivis en utilisant les catégories MediaWiki.

Cette requête peut être utilisée comme proxy pour trouver les graphiques que d'autres ont faits et contribuer aux traductions.

L'ensemble des pages wiki qui utilisent des graphiques sur un wiki particulier peut être trouvé dans la catégorie dont le nom est défini à MediaWiki:chart-render-category et MediaWiki:Chart-error-category (Category:Pages using the Chart extension et Category:Pages using the Chart extension with rendering errors sur ce wiki). Veuillez vous assurer de connecter les catégories de votre wiki à d:Q131382738 et d:Q131406605 pour faciliter la recherche entre les wikis.

Migration depuis l'extension Graph

Veuillez voir Category:Pages with disabled graphs pour les graphiques qui doivent être migrés vers l'extension Chart.

Documentation technique

Compte tenu des problèmes liés à Extension:Graph, toutes les décisions concernant la nouvelle extension ont été examinées avec soin, dans l'espoir de renforcer la confiance dans son remplacement.

Jusqu'à présent, les décisions techniques sont documentées dans le référentiel de code du dossier doc/adr.

Error Monitoring

Errors with client side chart rendering will be logged to logstash.

Tools for producing the charts

There are several conceivable methods to semi-automatically produce and edit the charts and their tabular data:

  • The script graphDataImport can be used in the web browser to extract data from existing graph wikicode, and convert it to a .tab page, and a .chart definition page.
  • Generative AI can be prompted to extract data from existing graph wikicode and tables, and convert it to .tab and .chart pages and generate new wikicode, according to given specifications. It can also provide translation of titles, and be utilized to extend and update the .tab page with new data.
  • The gadget TabularImportExport can convert Excel and .csv files to and from the .tab pages. You can activate it via your Commons preferences.
  • The JSON "edit as table" user interface (part of the Jsonconfig extension) is available from the .tab edit page.
  • Some bots can periodically import statistics from the web, or from existing Wikipedia graphs, to .tab or .chart pages, upon request. Such bots include DPLA bot and SLiuBot.
  • GraphBot ports english wikipedia graphs to charts.

See also

Category:Extensions used on Wikimedia/fr#Chart/fr
Category:All extensions/fr Category:Extensions in Wikimedia version control/fr Category:Extensions used on Wikimedia/fr Category:GPL licensed extensions/fr Category:LinksUpdateComplete extensions/fr Category:PageSaveComplete extensions/fr Category:Pages using the Chart extension Category:ParserFirstCallInit extensions/fr Category:Stable extensions/fr Category:Tag extensions/fr