사용자:Utolee90/리브레 위키 통계 그래프 편집하기

== 리브레 위키 통계 ==

<graph>
{
  "width": 840,
  "height": 720,
  "padding": {"top": 10, "left": 50, "bottom": 30, "right": 10},
  "data": [
    {
      "name": "table",
      "values": [
            {"x": 1, "y": 6917, "c":0}, {"x":1, "y":8664, "c":2},
            {"x": 2, "y": 10258, "c":0}, {"x":2, "y":20018, "c":2},
            {"x": 3, "y": 12558, "c":0}, {"x":3, "y":23173, "c":2},
            {"x": 4, "y": 13570, "c":0}, {"x":4, "y":24840, "c":2},
            {"x": 5, "y": 14673, "c":0}, {"x":5, "y":26487, "c":2},
            {"x": 6, "y": 16122, "c":0}, {"x":6, "y":28293, "c":2},
            {"x": 7, "y": 17434, "c":0}, {"x":7, "y":30219, "c":2},
            {"x": 8, "y": 18557, "c":0}, {"x":8, "y":31928, "c":2},
            {"x": 9, "y": 19662, "c":0}, {"x":9, "y":33569, "c":2},
            {"x": 10, "y": 20851, "c":0}, {"x":10, "y":34596, "c":2},
            {"x": 11, "y": 21757, "c":0}, {"x":11, "y":35544, "c":2},
            {"x": 12, "y": 22587, "c":0}, {"x":12, "y":36986, "c":2},
            {"x": 13, "y": 23254, "c":0}, {"x":13, "y":38347, "c":2},
            {"x": 14, "y": 23690, "c":0}, {"x":14, "y":39267, "c":2},
            {"x": 15, "y": 24024, "c":0}, {"x":15, "y":39969, "c":2},
            {"x": 16, "y": 24416, "c":0}, {"x":16, "y":40914, "c":2},
            {"x": 17, "y": 24799, "c":0}, {"x":17, "y":40892, "c":2},
            {"x": 18, "y": 25515, "c":0}, {"x":18, "y":41284, "c":2},
            {"x": 19, "y": 26007, "c":0}, {"x":19, "y":42401, "c":2},
            {"x": 20, "y": 26851, "c":0}, {"x":20, "y":43534, "c":2},
            {"x": 21, "y": 27556, "c":0}, {"x":21, "y":44483, "c":2},
            {"x": 22, "y": 27855, "c":0}, {"x":22, "y":45146, "c":2},
            {"x": 23, "y": 28086, "c":0}, {"x":23, "y":45582, "c":2},
            {"x": 24, "y": 28384, "c":0}, {"x":24, "y":46147, "c":2},
            {"x": 25, "y": 28795, "c":0}, {"x":25, "y":47026, "c":2},
            {"x": 26, "y": 29243, "c":0}, {"x":26, "y":47729, "c":2},
            {"x": 27, "y": 29604, "c":0}, {"x":27, "y":49009, "c":2},
            {"x": 28, "y": 30056, "c":0}, {"x":28, "y":50134, "c":2},
            {"x": 29, "y": 30383, "c":0}, {"x":29, "y":51593, "c":2},
            {"x": 30, "y": 30681, "c":0}, {"x":30, "y":52508, "c":2},
            {"x": 31, "y": 31021, "c":0}, {"x":31, "y":53362, "c":2},
            {"x": 32, "y": 31503, "c":0}, {"x":32, "y":54703, "c":2},
            {"x": 33, "y": 32066, "c":0}, {"x":33, "y":56045, "c":2},
            {"x": 34, "y": 32452, "c":0}, {"x":34, "y":57242, "c":2},
            {"x": 35, "y": 32822, "c":0}, {"x":35, "y":58370, "c":2},
            {"x": 36, "y": 33289, "c":0}, {"x":36, "y":59886, "c":2},
            {"x": 37, "y": 33731, "c":0}, {"x":37, "y":61408, "c":2},
            {"x": 38, "y": 34100, "c":0}, {"x":38, "y":62858, "c":2},
            {"x": 39, "y": 34504, "c":0}, {"x":39, "y":64627, "c":2},
            {"x": 40, "y": 35052, "c":0}, {"x":40, "y":65605, "c":2},
            {"x": 41, "y": 35307, "c":0}, {"x":41, "y":66667, "c":2},
            {"x": 42, "y": 35578, "c":0}, {"x":42, "y":67631, "c":2},
            {"x": 43, "y": 35810, "c":0}, {"x":43, "y":68159, "c":2},
            {"x": 44, "y": 36108, "c":0}, {"x":44, "y":68858, "c":2},
            {"x": 45, "y": 36406, "c":0}, {"x":45, "y":69746, "c":2},
            {"x": 46, "y": 36961, "c":0}, {"x":46, "y":70645, "c":2},
            {"x": 47, "y": 37386, "c":0}, {"x":47, "y":71823, "c":2},
            {"x": 48, "y": 37623, "c":0}, {"x":48, "y":72610, "c":2},
            {"x": 49, "y": 37907, "c":0}, {"x":49, "y":73542, "c":2},
            {"x": 50, "y": 38108, "c":0}, {"x":50, "y":74342, "c":2},
            {"x": 51, "y": 38447, "c":0}, {"x":51, "y":76189, "c":2},
            {"x": 52, "y": 38697, "c":0}, {"x":52, "y":76701, "c":2},
            {"x": 53, "y": 39260, "c":0}, {"x":53, "y":78543, "c":2},
            {"x": 54, "y": 40037, "c":0}, {"x":54, "y":80646, "c":2},
            {"x": 55, "y": 40606, "c":0}, {"x":55, "y":82502, "c":2},
            {"x": 56, "y": 41466, "c":0}, {"x":56, "y":84446, "c":2},
            {"x": 57, "y": 41914, "c":0}, {"x":57, "y":86070, "c":2},
            {"x": 58, "y": 42570, "c":0}, {"x":58, "y":88074, "c":2},
            {"x": 59, "y": 44199, "c":0}, {"x":59, "y":89343, "c":2},
            {"x": 60, "y": 44715, "c":0}, {"x":60, "y":92198, "c":2},
            {"x": 61, "y": 45061, "c":0}, {"x":61, "y":92783, "c":2},
            {"x": 62, "y": 45435, "c":0}, {"x":62, "y":94324, "c":2},
            {"x": 63, "y": 45727, "c":0}, {"x":63, "y":95640, "c":2}
      ]
    },
    {
      "name": "stats",
      "source": "table",
      "transform": [
        {
          "type": "aggregate",
          "groupby": ["x"],
          "summarize": [{"field": "y", "ops": ["sum"]}]
        }
      ]
    }
  ],
  "scales": [
    {
      "name": "x",
      "type": "ordinal",
      "range": "width",
      "domain": {"data": "table", "field": "x"}
    },
    {
      "name": "y",
      "type": "linear",
      "range": "height",
      "nice": true,
      "domain": {"data": "stats", "field": "sum_y"}
    },
    {
      "name": "color",
      "type": "ordinal",
      "range": "category10",
      "domain": {"data": "table", "field": "c"}
    }
  ],
  "axes": [
    {"type": "x", "scale": "x"},
    {"type": "y", "scale": "y"}
  ],
  "marks": [
    {
      "type": "rect",
      "from": {
        "data": "table",
        "transform": [
          {"type": "stack", "groupby": ["x"], "sortby": ["c"], "field": "y"}
        ]
      },
      "properties": {
        "enter": {
          "x": {"scale": "x", "field": "x"},
          "width": {"scale": "x", "band": true, "offset": -1},
          "y": {"scale": "y", "field": "layout_start"},
          "y2": {"scale": "y", "field": "layout_end"},
          "fill": {"scale": "color", "field": "c"}
        },
        "update": {
          "fillOpacity": {"value": 1}
        },
        "hover": {
          "fillOpacity": {"value": 0.5}
        }
      }
    }
  ],
 "legends": [{
     "type": "symbol",
    "fill": "color",
    "orient": "left",
    
  }]

}
</graph>

== 다른 그래프 ==
<graph>
{
  "width": 400,
  "height": 200,
  "padding": 5,

  "data": [
    {
      "name": "table",
      "values": [
        {"category": "A", "amount": 28},
        {"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}
      ]
    }
  ],

  "signals": [
    {
      "name": "tooltip",
      "value": {},
      "on": [
        {"events": "rect:mouseover", "update": "datum"},
        {"events": "rect:mouseout",  "update": "{}"}
      ]
    }
  ],

  "scales": [
    {
      "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": "isNaN(tooltip.amount)", "value": 0},
            {"value": 1}
          ]
        }
      }
    }
  ]
}
</graph>