Par exemple, si l’on souhaite visualiser les voies d’accès à la science ouverte ou plus exactement le statut OA (open access) des publications d’un corpus par année, il faut tout d’abord créer des ressources principales pour les années ainsi que pour les voies d’accès des publications. Ensuite, lors de la création du graphique, il va falloir combiner ces deux ressources afin d’obtenir une sortie JSON sous la forme « source, target, weight », de manière à ce que ces champs contiennent respectivement les années, les statuts OA ainsi que le nombre de publications associées. Ceci peut se faire en utilisant la routine « pairing-with » appliquée sur les années et les voies d’accès.
Puis, dans l’onglet « AFFICHAGE » ou « DISPLAY », en sélectionnant le format « Graphique – Syntaxe Vega-Lite », on peut accéder à une « console » capable d’interpréter la « grammaire » Vega-Lite. Voici ci-dessous pour exemple le code permettant de produire le graphique voulu et présenté juste en dessous (à noter qu’un calcul est aussi réalisé pour obtenir le % de chaque voie d’accès par année : celui-ci est stocké dans un champ nommé « Taux » et titré « % Publication »).
Fichier source : stacked-bar chart
{
"background": "transparent",
"padding": 40,
"width": "container",
"height": "container",
"autosize": {
"type": "fit",
"contains": "padding"
},
"transform": [
{
"window": [
{
"op": "sum",
"field": "weight",
"as": "NbDocsParAnnnées"
}
],
"groupby": [
"source"
],
"frame": [
null,
null
]
},
{
"calculate": "round(datum.weight*1000/datum.NbDocsParAnnnées)/1000",
"as": "Taux"
}
],
"layer": [
{
"mark": {
"type": "bar"
},
"encoding": {
"x": {
"field": "source",
"type": "nominal",
"axis": {
"labelAngle": 0,
"labelOverlap": true
},
"title": "Années",
"sort": "x"
},
"y": {
"field": "weight",
"type": "quantitative",
"axis": {
"labelAngle": 0
},
"scale": {
"type": "linear"
},
"title": "Nombre de documents"
},
"color": {
"field": "target",
"title": "Voie d'accès",
"scale": {
"domain": [
"Diamond",
"Gold",
"Green",
"Bronze",
"Hybrid",
"Closed"
],
"range": [
"#00bfff",
"#f9bc01",
"#228B22",
"#c97522",
"#ffff67",
"#7f7f7f"
]
},
"type": "nominal"
},
"data": {
"name": "values"
},
"tooltip": [
{
"field": "NbDocsParAnnnées",
"title": "N Docs de l'année",
"type": "quantitative"
},
{
"field": "target",
"type": "nominal",
"title": "Voie d'accès"
},
{
"field": "weight",
"type": "quantitative",
"title": "Nb Docs Année / Statut OA"
},
{
"field": "Taux",
"title": "% Publication",
"format": ".1%",
"type": "quantitative"
}
],
"mark": {
"type": "text",
"color": "darkblue",
"fontSize": 10,
"fontWeight": "bold",
"baseline": "bottom",
"align": "center",
"sort": "target",
"dx": 0,
"dy": -5
},
"encoding": {
"x": {
"field": "source",
"type": "nominal",
"title": "",
"sort": "x"
},
"y": {
"field": "weight",
"type": "quantitative",
"axis": null
},
"width": 600,
"height": 300
}
}
}
]
}