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.45
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
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 certains aspects, mais pas tous, de l'extension Graph. 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.

Pour l'utilisation pour Wikimedia, voir wikitech:Kubernetes/Deployments pour les instructions générales sur les déploiements de services.

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 structurée comme un fichier JSON relativement simple; voir Extension:Chart/Specification pour les détails de syntaxe.

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"
    },
    "subtitle": {
        "en": "Example Subtitle"
    },"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}}

Notez qu'un graphique peut être générique et réutilisé avec différentes données sources, comme ci-dessous :

{{#chart:Population through years.chart
|data=Population of USA.tab
}}
{{#chart:Population through years.chart
|data=Population of UK.tab
}}
{{#chart:Population through years.chart
|data=Population of Poland.tab
}}


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

Voir cette vue filtrée du tableau Phabricator de Charts.

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 ou courbes sur le y-axis.

Linéaire

%supportDate0102030405009/09/199326/09/199319/10/1993ElfesEntsOrcsHobbitsTrollsExemple de graphique linéaireExemple de sous-titre Données brutes
This is an example of a line chart.

In the following example, the {{#chart| }} is wrapped in an {{Image frame }} container to set the chart’s width and include a caption. A link is also provided to the raw tabular data, where information on data sources may be found:

{{image frame
|content={{#chart:Example.Line.chart}} [[commons:Data:Chart Example Data.tab|'''Raw data''']]
|width = 340
|caption = This is an example of a line chart.
}}

See the result in this section.

En barres

Here the chart spans the full width of the page content area:

{{#chart:Example.Bar.chart}} <center>[[commons:Data:Chart Example Data.tab|'''Raw data''']]</center>

This results in:

%supportDate0102030405009/09/199326/09/199319/10/1993ElfesEntsOrcsHobbitsTrollsExemple de diagramme en barsExemple de sous-titre
Données brutes


En aires

%supportDate02040608010009/09/199326/09/199319/10/1993ElfesEntsOrcsHobbitsTrollsExemple de graphique en airesExemple de sous-titre
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 circulaireExemple de sous-titre
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

Please see the category pages with disabled graphs in various languages for old graphs that need to be migrated to the Charts extension. Some have however already been deleted without replacing them with new charts. The list can be compared with an archived list of the first 200 out of 23,811 English Wikipedia pages with disabled graphs from 2023, soon after the templates were added to that category, and corresponding in other languages.

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

Failing .chart pages are automatically stored in commons:Category:Pages using the Chart extension with rendering errors. Wiki pages with faulty .charts are automatically stored in [using the Chart extension with rendering errors] in different language versions.

Errors with client side chart rendering will be logged to logstash. (Only for developers.)

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 wikitext and similar, and convert it to a .tab page, a .chart definition page and new wikitext.
  • 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