Test Page: mudanças entre as edições

De Wiki Clusterlab.com.br
Ir para navegação Ir para pesquisar
Sem resumo de edição
Sem resumo de edição
 
(Uma revisão intermediária pelo mesmo usuário não está sendo mostrada)
Linha 1: Linha 1:
<graph fallback="Graph test seddon.png" fallbackWidth=450>
<graph>
digraph G {
{
fontname="Helvetica,Arial,sans-serif"
  "$schema": "https://vega.github.io/schema/vega/v5.json",
node [fontname="Helvetica,Arial,sans-serif"]
  "description": "A basic bar chart example, with value labels shown upon pointer hover.",
edge [fontname="Helvetica,Arial,sans-serif"]
  "width": 400,
  "height": 200,
  "padding": 5,


subgraph cluster_0 {
  "data": [
style=filled;
    {
color=lightgrey;
      "name": "table",
node [style=filled,color=white];
      "values": [
a0 -> a1 -> a2 -> a3;
        {"category": "A", "amount": 28},
label = "process #1";
        {"category": "B", "amount": 55},
}
        {"category": "C", "amount": 43},
        {"category": "D", "amount": 91},
        {"category": "E", "amount": 81},
        {"category": "F", "amount": 53},
        {"category": "G", "amount": 19},
        {"category": "H", "amount": 87}
      ]
    }
  ],


subgraph cluster_1 {
  "signals": [
node [style=filled];
    {
b0 -> b1 -> b2 -> b3;
      "name": "tooltip",
label = "process #2";
      "value": {},
color=blue
      "on": [
}
        {"events": "rect:pointerover", "update": "datum"},
start -> a0;
        {"events": "rect:pointerout",  "update": "{}"}
start -> b0;
      ]
a1 -> b3;
    }
b2 -> a3;
  ],
a3 -> a0;
a3 -> end;
b3 -> end;


start [shape=Mdiamond];
  "scales": [
end [shape=Msquare];
    {
      "name": "xscale",
      "type": "band",
      "domain": {"data": "table", "field": "category"},
      "range": "width",
      "padding": 0.05,
      "round": true
    },
    {
      "name": "yscale",
      "domain": {"data": "table", "field": "amount"},
      "nice": true,
      "range": "height"
    }
  ],
 
  "axes": [
    { "orient": "bottom", "scale": "xscale" },
    { "orient": "left", "scale": "yscale" }
  ],
 
  "marks": [
    {
      "type": "rect",
      "from": {"data":"table"},
      "encode": {
        "enter": {
          "x": {"scale": "xscale", "field": "category"},
          "width": {"scale": "xscale", "band": 1},
          "y": {"scale": "yscale", "field": "amount"},
          "y2": {"scale": "yscale", "value": 0}
        },
        "update": {
          "fill": {"value": "steelblue"}
        },
        "hover": {
          "fill": {"value": "red"}
        }
      }
    },
    {
      "type": "text",
      "encode": {
        "enter": {
          "align": {"value": "center"},
          "baseline": {"value": "bottom"},
          "fill": {"value": "#333"}
        },
        "update": {
          "x": {"scale": "xscale", "signal": "tooltip.category", "band": 0.5},
          "y": {"scale": "yscale", "signal": "tooltip.amount", "offset": -2},
          "text": {"signal": "tooltip.amount"},
          "fillOpacity": [
            {"test": "datum === tooltip", "value": 0},
            {"value": 1}
          ]
        }
      }
    }
  ]
}
}
</graph>
</graph>

Edição atual tal como às 15h15min de 8 de maio de 2024