Format: Ro: Diferență între versiuni
De la alegeri.md
Oleg (Discuție | contribuții) |
Oleg (Discuție | contribuții) |
||
(Nu s-au afișat 2 versiuni intermediare efectuate de același utilizator) | |||
Linia 97: | Linia 97: | ||
--> | --> | ||
− | ===1=== | + | ===-1=== |
− | + | ||
− | <graph> | + | <graph>{ |
− | { | + | "width": 400, |
− | "version": 2, | + | "height": 120, |
− | "width": 500, | + | "data": [ |
− | "height": 250, | + | { |
− | "padding": "auto", | + | "name": "table", |
− | "data": [ | + | "values": [ |
− | { | + | {"year":2008, "daily":26.541}, |
− | "name": "table", | + | {"year":2009, "daily":24.748}, |
− | "values": [ | + | {"year":2010, "daily":24.803}, |
− | {"year": 2005,"population": 6, "photo" : 6 }, | + | {"year":2011, "daily":25.483}, |
− | {"year": 2006,"population": 15, "photo" : 17}, | + | {"year":2012, "daily":24.729}, |
− | {"year": 2007,"population": 16, "photo" : 21}, | + | {"year":2013, "daily":24.413}, |
− | {"year": 2008,"population": 22, "photo" : 28}, | + | {"year":2014, "daily":24.879}, |
− | {"year": 2009,"population": 19, "photo" : 25}, | + | ] |
− | {"year": 2010,"population": 25, "photo" : 50}, | + | } |
− | {"year": 2011,"population": 18, "photo" : 33}, | + | ], |
− | {"year": 2012,"population": 22, "photo" : 67}, | + | "signals": [ |
− | {"year": 2013,"population": 34, "photo" : 174}, | + | { |
− | {"year": 2014,"population": 17, "photo" : 183}, | + | "name": "tooltip", |
− | {"year": 2015,"population": 22, "photo" : 206}, | + | "init": {}, |
− | {"year": 2016,"population": 30, "photo" : 338}, | + | "streams": [ |
− | {"year": 2017,"population": 31, "photo" : 1102}, | + | {"type": "symbol:mouseover", "expr": "datum"}, |
− | {"year": 2018,"population": 48, "photo" : 2008}, | + | {"type": "symbol:mouseout", "expr": "{}"} |
− | {"year": 2019,"population": 48, "photo" : 2008}, | + | ] |
− | ] | + | } |
− | }, | + | ], |
− | { | + | "predicates": [ |
− | "name": "annotation", | + | { |
− | "values": [ | + | "name": "tooltip", "type": "==", |
− | {"start": 2013,"end": 2014,"text": "Wiki Loves Public Art"}, | + | "operands": [{"signal": "tooltip._id"}, {"arg": "id"}] |
− | {"start": 2016,"end": 2019,"text": "Public art project"} | + | } |
− | ] | + | ], |
− | } | + | "scales": [ |
− | ], | + | {"name": "time", "type": "linear", "nice": true, "zero": false, "round": true, |
− | "scales": [ | + | "range": "width", "domain": {"data":"table", "field":"year"}}, |
− | { | + | {"name": "traffic", "nice": true, "zero": false, "round": true, |
− | "name": "x", | + | "range": "height", "domain": {"data":"table", "field":"daily"}}, |
− | "type": "linear", | + | { |
− | "range": "width", | + | "name": "align", |
− | "zero": false, | + | "type": "ordinal", |
− | "domain": {"data": "table","field": "year"} | + | "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=== | ||
+ | |||
+ | <graph> | ||
+ | { | ||
+ | "version": 2, | ||
+ | "width": 500, | ||
+ | "height": 250, | ||
+ | "padding": "auto", | ||
+ | "data": [ | ||
+ | { | ||
+ | "name": "table", | ||
+ | "values": [ | ||
+ | {"year": 2005,"population": 6, "photo" : 6 }, | ||
+ | {"year": 2006,"population": 15, "photo" : 17}, | ||
+ | {"year": 2007,"population": 16, "photo" : 21}, | ||
+ | {"year": 2008,"population": 22, "photo" : 28}, | ||
+ | {"year": 2009,"population": 19, "photo" : 25}, | ||
+ | {"year": 2010,"population": 25, "photo" : 50}, | ||
+ | {"year": 2011,"population": 18, "photo" : 33}, | ||
+ | {"year": 2012,"population": 22, "photo" : 67}, | ||
+ | {"year": 2013,"population": 34, "photo" : 174}, | ||
+ | {"year": 2014,"population": 17, "photo" : 183}, | ||
+ | {"year": 2015,"population": 22, "photo" : 206}, | ||
+ | {"year": 2016,"population": 30, "photo" : 338}, | ||
+ | {"year": 2017,"population": 31, "photo" : 1102}, | ||
+ | {"year": 2018,"population": 48, "photo" : 2008}, | ||
+ | {"year": 2019,"population": 48, "photo" : 2008}, | ||
+ | ] | ||
+ | }, | ||
+ | { | ||
+ | "name": "annotation", | ||
+ | "values": [ | ||
+ | {"start": 2013,"end": 2014,"text": "Wiki Loves Public Art"}, | ||
+ | {"start": 2016,"end": 2019,"text": "Public art project"} | ||
+ | ] | ||
+ | } | ||
+ | ], | ||
+ | "scales": [ | ||
+ | { | ||
+ | "name": "x", | ||
+ | "type": "linear", | ||
+ | "range": "width", | ||
+ | "zero": false, | ||
+ | "domain": {"data": "table","field": "year"} | ||
}, | }, | ||
{ | { | ||
Linia 4.914: | Linia 5.263: | ||
"width": {"value": 1}, | "width": {"value": 1}, | ||
"height": {"field": {"group": "height"}, "offset": 8}, | "height": {"field": {"group": "height"}, "offset": 8}, | ||
− | "fill": {"value": "# | + | "fill": {"value": "#c00"} |
} | } | ||
} | } |