Format: Ro: Diferență între versiuni

De la alegeri.md
Salt la: navigare, căutare
(20)
 
(Nu s-a afișat o versiune intermediară efectuată de același utilizator)
Linia 96: Linia 96:
  
 
-->
 
-->
 +
 +
===-1===
 +
 +
<graph>{
 +
  "width": 400,
 +
  "height": 120,
 +
  "data": [
 +
    {
 +
      "name": "table",
 +
"values": [
 +
{"year":2008, "daily":26.541},
 +
{"year":2009, "daily":24.748},
 +
{"year":2010, "daily":24.803},
 +
{"year":2011, "daily":25.483},
 +
{"year":2012, "daily":24.729},
 +
{"year":2013, "daily":24.413},
 +
{"year":2014, "daily":24.879},
 +
]
 +
    }
 +
  ],
 +
  "signals": [
 +
    {
 +
      "name": "tooltip",
 +
      "init": {},
 +
      "streams": [
 +
        {"type": "symbol:mouseover", "expr": "datum"},
 +
        {"type": "symbol:mouseout", "expr": "{}"}
 +
      ]
 +
    }
 +
  ],
 +
  "predicates": [
 +
    {
 +
      "name": "tooltip", "type": "==",
 +
      "operands": [{"signal": "tooltip._id"}, {"arg": "id"}]
 +
    }
 +
  ],
 +
  "scales": [
 +
    {"name": "time", "type": "linear", "nice": true, "zero": false, "round": true,
 +
    "range": "width", "domain": {"data":"table", "field":"year"}},
 +
    {"name": "traffic", "nice": true, "zero": false, "round": true,
 +
    "range": "height", "domain": {"data":"table", "field":"daily"}},
 +
    {
 +
      "name": "align",
 +
      "type": "ordinal",
 +
      "domain": ["left", "right", "top", "bottom"],
 +
      "range": ["right", "left", "center", "center"]
 +
    },
 +
    {
 +
      "name": "base",
 +
      "type": "ordinal",
 +
      "domain": ["left", "right", "top", "bottom"],
 +
      "range": ["middle", "middle", "bottom", "top"]
 +
    },
 +
    {
 +
      "name": "dx",
 +
      "type": "ordinal",
 +
      "domain": ["left", "right", "top", "bottom"],
 +
      "range": [-7, 6, 0, 50]
 +
    },
 +
    {
 +
      "name": "dy",
 +
      "type": "ordinal",
 +
      "domain": ["left", "right", "top", "bottom"],
 +
      "range": [1, 1, -5, 6]
 +
    }
 +
  ],
 +
  "axes": [
 +
    {"type": "x", "scale": "time", "title": "Year", "titleOffset": 35, "format": "4d", "ticks": 7},
 +
    {"type": "y", "scale": "traffic", "title": "Daily (10k)", "titleOffset": 40, "grid": true, "ticks": 7}
 +
  ],
 +
  "marks": [
 +
    {
 +
      "type": "line",
 +
      "from": {"data": "table"},
 +
      "properties": {
 +
        "enter": {
 +
          "interpolate": {"value": "monotone"},
 +
          "x": {"scale": "time", "field": "year"},
 +
          "y": {"scale": "traffic", "field": "daily"},
 +
          "stroke": {"value": "#000"},
 +
          "strokeWidth": {"value": 3}
 +
        }
 +
      }
 +
    },
 +
    {
 +
      "type": "symbol",
 +
      "from": {"data": "table"},
 +
      "properties": {
 +
        "enter": {
 +
          "x": {"scale": "time", "field": "year"},
 +
          "y": {"scale": "traffic", "field": "daily"},
 +
          "fill": {"value": "#fff"},
 +
          "stroke": {"value": "#000"},
 +
          "strokeWidth": {"value": 1},
 +
          "size": {"value": 49}
 +
        }
 +
      }
 +
    },
 +
    {
 +
      "type": "text",
 +
      "properties": {
 +
        "enter": {
 +
          "align": {"value": "center"},
 +
          "fill": {"value": "#333"}
 +
        },
 +
        "update": {
 +
          "x": {"scale": "time", "signal": "tooltip.year"},
 +
          "dx": {"scale": "dx", "field": "right"},
 +
          "y": {"scale": "traffic", "signal": "tooltip.daily", "offset": -12},
 +
          "dy": {"scale": "dy", "field": "right"},
 +
          "text": {"signal": "tooltip.daily"},
 +
          "fillOpacity": {
 +
            "rule": [
 +
              {
 +
                "predicate": {
 +
                  "name": "tooltip",
 +
                  "id": {"value": null}
 +
                },
 +
                "value": 0
 +
              },
 +
              {"value": 1}
 +
            ]
 +
          }
 +
        }
 +
      }
 +
    }
 +
  ]
 +
}</graph>
 +
 +
===0===
 +
 +
<graph>
 +
{
 +
  "scales": [
 +
    {
 +
      "padding": 0.2,
 +
      "range": "height",
 +
      "type": "ordinal",
 +
      "domain": {
 +
        "field": "category",
 +
        "data": "table"
 +
      },
 +
      "name": "cat"
 +
    },
 +
    {
 +
      "domain": {
 +
        "field": "value",
 +
        "data": "table"
 +
      },
 +
      "name": "val",
 +
      "range": "width",
 +
      "type": "linear",
 +
      "round": "true",
 +
      "nice": "true"
 +
    },
 +
    {
 +
      "range": "category20",
 +
      "type": "ordinal",
 +
      "domain": {
 +
        "field": "position",
 +
        "data": "table"
 +
      },
 +
      "name": "color"
 +
    }
 +
  ],
 +
  "axes": [
 +
    {
 +
      "tickSize": 0,
 +
      "scale": "cat",
 +
      "type": "y",
 +
      "tickPadding": 8
 +
    },
 +
    {
 +
      "scale": "val",
 +
      "type": "x"
 +
    }
 +
  ],
 +
  "signals": [
 +
    {
 +
      "name": "tooltip",
 +
      "init": {},
 +
      "streams": [
 +
        {"type": "rect:mouseover", "expr": "datum"},
 +
        {"type": "rect:mouseout", "expr": "{}"}
 +
      ]
 +
    }
 +
  ],
 +
  "predicates": [
 +
    {
 +
      "name": "tooltip", "type": "==",
 +
      "operands": [{"signal": "tooltip._id"}, {"arg": "id"}]
 +
    }
 +
  ], 
 +
  "height": 800,
 +
  "width": 600,
 +
  "marks": [
 +
    {
 +
      "from": {
 +
        "data": "table",
 +
        "transform": [
 +
          {
 +
            "type": "facet",
 +
            "groupby": [
 +
              "category"
 +
            ]
 +
          }
 +
        ]
 +
      },
 +
      "marks": [
 +
        {
 +
          "type": "rect",
 +
          "name": "bars",
 +
          "properties": {
 +
            "enter": {
 +
              "y": {
 +
                "field": "position",
 +
                "scale": "pos"
 +
              },
 +
              "x": {
 +
                "field": "value",
 +
                "scale": "val"
 +
              },
 +
              "x2": {
 +
                "scale": "val",
 +
                "value": 0
 +
              },
 +
              "fill": {
 +
                "field": "position",
 +
                "scale": "color"
 +
              },
 +
              "height": {
 +
                "band": "true",
 +
                "scale": "pos"
 +
              }
 +
            }
 +
          }
 +
        },
 +
        {
 +
          "from": {
 +
            "mark": "bars"
 +
          },
 +
          "type": "text",
 +
          "properties": {
 +
            "enter": {
 +
              "align": {"value": "center"},
 +
              "fill": {"value": "#333"}
 +
            },
 +
            "update": {
 +
              "x": { "field": "x2"},
 +
              "dy": {"field":"height", "mult": 0.5},
 +
              "y": {"field":"y"},
 +
              "text": {"field": "datum.label"},
 +
              "align": {"value":"center"},
 +
              "baseline":{"value":"middle"},
 +
              "fillOpacity": {
 +
                "rule": [
 +
                  {
 +
                    "predicate": {"name": "tooltip", "id": {"value": null}},
 +
                    "value": 0
 +
                  },
 +
                  {"value": 1}
 +
                ]
 +
              }
 +
            }
 +
          }
 +
        }
 +
      ],
 +
      "type": "group",
 +
      "properties": {
 +
        "enter": {
 +
          "y": {
 +
            "field": "key",
 +
            "scale": "cat"
 +
          },
 +
          "height": {
 +
            "band": "true",
 +
            "scale": "cat"
 +
          }
 +
        }
 +
      },
 +
      "scales": [
 +
        {
 +
          "range": "height",
 +
          "type": "ordinal",
 +
          "name": "pos",
 +
          "domain": {
 +
            "field": "position"
 +
          }
 +
        }
 +
      ]
 +
    }
 +
  ],
 +
  "data": [
 +
    {
 +
      "values": [
 +
        {
 +
          "category": "A",
 +
          "position": 1,
 +
          "value": 1661.0,
 +
          "label": 40.0
 +
        },
 +
        {
 +
          "category": "A",
 +
          "position": 2,
 +
          "value": 2928.0,
 +
          "label": 35.0
 +
        },
 +
        {
 +
          "category": "A",
 +
          "position": 3,
 +
          "value": 9010.0,
 +
          "label": 69.0
 +
        },
 +
        {
 +
          "category": "A",
 +
          "position": 4,
 +
          "value": 6459.0,
 +
          "label": 97.0
 +
        },
 +
        {
 +
          "category": "B",
 +
          "position": 1,
 +
          "value": 1022.0,
 +
          "label": 39.0
 +
        },
 +
        {
 +
          "category": "B",
 +
          "position": 2,
 +
          "value": 1185.0,
 +
          "label": 33.0
 +
        },
 +
        {
 +
          "category": "B",
 +
          "position": 3,
 +
          "value": 567.0,
 +
          "label": 60.0
 +
        },
 +
        {
 +
          "category": "B",
 +
          "position": 4,
 +
          "value": 759.0,
 +
          "label": 84.0
 +
        }
 +
      ],
 +
      "name": "table"
 +
    }
 +
  ]
 +
}
 +
</graph>
  
 
===1===
 
===1===

Versiunea curentă din 1 octombrie 2021 09:36


-1

0

1


2

3













18293 / 201818793 / 2018147 / 2019




5

6

7

8

9

10

11

12

14

15

16

17

18

19

20

21

22

23