Les graphiques multilignes personnalisés

Méthode : wandb.plot.line_series()

wandb.log({"my_custom_id" : wandb.plot.line_series(
                       xs=[0, 1, 2, 3, 4], 
                       ys=[[10, 20, 30, 40, 50], [0.5, 11, 72, 3, 41]],
                       keys=["metric Y", "metric Z"],
                       title="Two Random Metrics",
                       xname="x units")})

Exemple d’utilisation classique

columns = ['T (degC)', 'p (mbar)', 'rho (g/m**3)']
num_steps = 200
xs = [ i for i in range(num_steps) ]
ys= [ climate_data[c][:num_steps] for c in columns ]
wandb.log({"weather_sample" : wandb.plot.line_series(
  xs=xs,
  ys=ys,
  keys=columns,
  title="Weather Metrics")})

Étapes à suivre :

pour chaque série de lignes que vous voulez tracer, trouvez les valeurs x et y et, un nom facultatifpour chaque série
en gardant le même ordre, passez la(les) liste(s) de valeurs x dans xs, les listes des valeurs y dans ys, et les noms facultatifs dans keys
passez ces arguments dans wandb.plot.line_series() (titre du graphique et titre facultatif de l’axe des x, l’abscisse) pour créer votre graphique sous la clé spécifiée plus haut (weather_sample). Pour visualiser plusieurs essais sur le même graphique, gardez constamment cette clé du graphique. Notez bien que le tableau en lui-même sera également enregistré dans la section « Media » de votre espace de travail, sous le nom de weather_sample_table.

Utilisation personnalisée

changez l’étiquetage de ligne de sorte que la couleur corresponde à la clé de métrique et que les traits correspondent à la tranche de temps enregistrée. Intervertissez les valeurs de field (champ) sous strokeDash et color, de façon à ce que strokeDash contienne "field": "name" et que color contienne "field" : « ${field:lineKey} ». Supprimez l’entrée scale.
éditez le titre principal, la légende et les axes pour qu’ils soient plus descriptifs : ajoutez "title": "Votre titre" pour les champs pertinents sous encoding.

Autres exemples : enregistrer des valeurs x différentes

Comment éditer un préréglage pour créer votre propre graphique personnalisé

Commencez à partir d’un type de graphique existant. Passez la souris en haut à droite d’un graphique personnalisé > Icône de crayon > Bouton « Éditer », en haut à gauche.
Éditez directement ce JSON et visualisez le rendu des modifications des visuels correspondants sur la droite. Vous pouvez trouver une myriade d’exemples Vega utiles et inspirants en ligne.
Vous pouvez remplir (facultativement) les champs de texte comme les titres personnalisés dans le menu déroulant sur la droite.
Une fois que vous êtes satisfait de vos modifications, sauvegardez une nouvelle copie de votre graphique personnalisé pour de futures utilisations. Cliquez sur « Enregistrer sous » en haut à gauche et donnez un nouveau nom descriptif à votre type de graphique (en bonus, vous pouvez aussi éditer la description pour le retrouver facilement plus tard !). Il sera désormais disponible à la réutilisation sous votre entité utilisateur/équipe.
Bonus : une fois que vous avez enregistré votre graphique personnalisé modifié en tant que préréglage, vous pouvez enregistrer des résultats dessus directement depuis Python via wandb.plot_table(vega_spec_name="your_username/your_custom_preset_name"). Plus de détails et d’exemples ici.

Spécifications Vega modifiées

{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "description": "A plot for an arbitrary number of lines",
  "data": {
    "name": "wandb"
  },
  "title": "Climate Data Sample",
  "layer": [
    {
 "selection": {
      "grid": {
          "type": "interval",
          "bind": "scales"
        }
      },
      "mark": {"type": "line", "interpolate": "linear"},
      "encoding": {
        "x":{
          "field": "${field:step}",
          "type": "quantitative",
          "title": "Time step of measure"
        },
        "y": {
          "field": "${field:lineVal}",
          "title": "Value in indicated units",
          "type": "quantitative"
        },
        "color": {
          "type": "nominal",
          "field": "${field:lineKey}",
          "title" : "Units of measure"
        },
        "strokeDash": {
          "type": "nominal",
          "field": "name",
          "title" : "Sample id"
        }
      }
    }
  ]
}

Questions-réponses