Extension talk:Graph/Demo

Improvements
Have suggested some improvements here

This is exceedingly useful. I just need to be able to pull the what colors correspond to what ranges of numbers out of the map. An example is here. And than I can start creating bunches to add to Wikipedia. Doc James (talk) 23:53, 23 July 2015 (UTC)
 * This has been resolved with Vega 2.0. --Yurik (talk) 02:54, 24 January 2016 (UTC)

Firefox
The "Using API" graphs don't load at all for me in Firefox 42, even after disabling NoScript. Nemo 22:54, 16 December 2015 (UTC)
 * , There was an issue with caching, should be working now. Please double check. Thx! --Yurik (talk) 02:54, 24 January 2016 (UTC)

Graphs are not the same in previewing mode and reading mode
The following graph : { "version": 2, "width": 700, "height": 200, "padding": {"top": 10, "left": 65, "bottom": 20, "right": 10},

"data": [ {     "name": "table", "values": [ {"category":"français", "amount":1489616}, {"category":"russe", "amount":175173}, {"category":"bulgare", "amount":155782}, {"category":"anglais", "amount":131326}, {"category":"espagnol", "amount":99599}, {"category":"latin", "amount":82650}, ]   }  ],

"signals": [ {     "name": "tooltip", "init": {}, "streams": [ {"type": "rect:mouseover", "expr": "datum"}, {"type": "rect:mouseout", "expr": "{}"} ]   }  ],

"predicates": [ {     "name": "tooltip", "type": "==", "operands": [{"signal": "tooltip._id"}, {"arg": "id"}] } ],

"scales": [ { "name": "xscale", "type": "ordinal", "range": "width", "domain": {"data": "table", "field": "category"} }, { "name": "yscale", "range": "height", "nice": true, "domain": {"data": "table", "field": "amount"} } ],

"axes": [ { "type": "x", "scale": "xscale" }, { "type": "y", "scale": "yscale" } ],

"marks": [ {     "type": "rect", "from": {"data":"table"}, "properties": { "enter": { "x": {"scale": "xscale", "field": "category"}, "width": {"scale": "xscale", "band": true, "offset": -1}, "y": {"scale": "yscale", "field": "amount"}, "y2": {"scale": "yscale", "value":0} },       "update": { "fill": {"value": "steelblue"} }, "hover": { "fill": {"value": "red"} } }   },    {      "type": "text", "properties": { "enter": { "align": {"value": "center"}, "fill": {"value": "#333"} },       "update": { "x": {"scale": "xscale", "signal": "tooltip.category"}, "dx": {"scale": "xscale", "band": true, "mult": 0.5}, "y": {"scale": "yscale", "signal": "tooltip.amount", "offset": -5}, "text": {"signal": "tooltip.amount"}, "fillOpacity": { "rule": [ {               "predicate": {"name": "tooltip", "id": {"value": null}}, "value": 0 },             {"value": 1} ]         }        }      }    }  ] } is supposed to have a "mouseover" functionality; actually, this functionality works only when previewing the graph. Automatik (talk) 22:08, 1 February 2016 (UTC)


 * Automatik, you need to enable it with "mode=interactive" (I fixed it above). You might also be interested in commenting on T124254 - to make all graphs load dynamically on desktop. --Yurik (talk) 11:37, 2 February 2016 (UTC)


 * Thank you Yurik! I suscribed to the phab task. Automatik (talk) 22:16, 2 February 2016 (UTC)