Format: Ro: Diferență între versiuni
De la alegeri.md
Oleg (Discuție | contribuții) |
Oleg (Discuție | contribuții) |
||
(Nu s-au afișat 6 versiuni intermediare efectuate de același utilizator) | |||
Linia 97: | Linia 97: | ||
--> | --> | ||
− | <graph> | + | ===-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": [ | "data": [ | ||
{ | { | ||
− | |||
"values": [ | "values": [ | ||
− | {" | + | { |
− | {" | + | "category": "A", |
− | + | "position": 1, | |
− | + | "value": 1661.0, | |
− | + | "label": 40.0 | |
− | + | }, | |
− | + | { | |
− | + | "category": "A", | |
− | + | "position": 2, | |
− | + | "value": 2928.0, | |
− | ] | + | "label": 35.0 |
− | + | }, | |
− | + | { | |
− | "name | + | "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"} | |
− | + | }, | |
− | + | { | |
− | + | "name": "y", | |
− | + | "type": "linear", | |
− | + | "range": "height", | |
− | + | "nice": true, | |
− | + | "domain": {"data": "table","field": "population"} | |
− | + | }, | |
− | + | { | |
− | + | "name": "color", | |
− | + | "type": "ordinal", | |
− | + | "domain": {"data": "annotation","field": "text"}, | |
− | + | "range": ["black","red"] | |
− | + | } | |
− | + | ], | |
− | + | "axes": [ | |
− | + | { | |
− | + | "type": "x", | |
− | + | "scale": "x", | |
− | + | "format": "d", | |
− | " | + | "title": "Year", |
− | + | "ticks": 15 | |
− | + | }, | |
− | + | { | |
− | + | "type": "y", | |
− | + | "scale": "y", | |
− | + | "title": "Population", | |
− | " | + | "grid": true, |
− | + | "layer": "back" | |
− | + | }, | |
− | + | { | |
− | + | "type": "y", | |
− | + | "scale": "y", | |
− | + | "title": "Photos", | |
− | + | "grid": false, | |
− | + | "layer": "back" | |
− | + | } | |
− | + | ], | |
− | + | "marks": [ | |
− | + | { | |
− | + | "type": "rect", | |
− | + | "from": {"data": "annotation"}, | |
− | + | "properties": { | |
− | + | "enter": { | |
− | + | "x": {"scale": "x","field": "start"}, | |
− | + | "y": {"value": 0}, | |
− | + | "x2": {"scale": "x","field": "end"}, | |
− | + | "y2": {"signal": "height"}, | |
− | + | "fill": {"scale": "color","field": "text"}, | |
− | + | "opacity": {"value": 0.2} | |
− | + | } | |
− | + | } | |
− | + | }, | |
− | + | { | |
− | + | "type": "line", | |
− | + | "from": {"data": "table"}, | |
− | + | "properties": { | |
− | + | "enter": { | |
− | + | "interpolate": {"value": "monotone"}, | |
− | + | "x": {"scale": "x","field": "year"}, | |
− | + | "y": {"scale": "y","field": "population"}, | |
− | + | "stroke": {"value": "steelblue"}, | |
− | + | "strokeWidth": {"value": 3}, | |
− | + | "interpolate": {"value": "step-after"} | |
− | + | } | |
− | + | } | |
− | + | }, | |
− | + | { | |
− | + | "type": "symbol", | |
− | + | "from": {"data": "table"}, | |
− | + | "properties": { | |
− | + | "enter": { | |
− | + | "x": {"scale": "x","field": "year"}, | |
− | + | "y": {"scale": "y","field": "population"}, | |
− | + | "stroke": {"value": "steelblue"}, | |
− | + | "fill": {"value": "white"}, | |
− | + | "size": {"value": 30} | |
− | + | } | |
− | + | } | |
− | + | }, | |
− | + | { | |
− | + | "type": "text", | |
− | + | "from": { | |
− | + | "data": "table", | |
− | + | "transform": [ | |
− | + | { | |
− | + | "type": "aggregate", | |
− | + | "summarize": {"year": ["min","max"]} | |
− | + | } | |
− | + | ] | |
− | + | }, | |
− | + | "properties": { | |
− | + | "enter": { | |
− | + | "x": {"signal": "width","mult": 0.5}, | |
− | + | "y": {"value": -10}, | |
− | + | "text": { | |
− | + | "template": "Population of Falkensee from \u007b{datum.min_year}\u007d to \u007b{datum.max_year}\u007d" | |
− | + | }, | |
− | + | "fill": {"value": "black"}, | |
− | + | "fontSize": {"value": 16}, | |
− | + | "align": {"value": "center"}, | |
− | + | "fontWeight": {"value": "bold"} | |
− | + | } | |
− | + | } | |
− | + | } | |
− | + | ], | |
− | + | "legends": [ | |
− | + | { | |
− | + | "fill": "color", | |
− | + | "title": "Period", | |
− | + | "properties": { | |
− | + | "symbols": { | |
− | + | "strokeWidth": {"value": 0}, | |
− | + | "shape": {"value": "square"}, | |
− | + | "opacity": {"value": 0.3} | |
− | + | }, | |
− | + | "legend": { | |
− | + | "x": {"value": 10}, | |
− | + | "y": {"value": 5}, | |
− | + | "fill": {"value": "white"} | |
− | + | } | |
− | + | } | |
− | + | } | |
− | + | ] | |
− | + | } | |
− | + | </graph> | |
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <!-- | |
− | + | {{Graph:Chart|width=380|height=200|xAxisTitle=Quarter|yAxisTitle=Developers|type=rect|x=Q3-2017 (5.1%),Q4-2017 (5.5%),Q1-2018 (12.7%),Q2-2018 (7.0%)|y1=39,55,63,43|y2=2,3,8,3|y1Title=Total number, attracted four quarters earlier|y2Title=Still active in this very quarter|colors=seagreen, steelblue|showValues=offset:3,fontcolor:#999,name1:value1, name2:value2|xAxisAngle=-90|xGrid=false}} | |
− | + | --> | |
− | + | <!-- | |
− | " | + | <graph>{ |
− | + | "width": 500, | |
− | + | "height": 200, | |
− | + | "padding": {"top": 10, "left": 30, "bottom": 30, "right": 10}, | |
− | + | "data": [ | |
− | + | { | |
− | + | "name": "table", | |
− | + | "values": [ | |
− | + | {"x": 0, "y": 28, "c":0}, {"x": 0, "y": 55, "c":1}, | |
− | + | {"x": 1, "y": 43, "c":0}, {"x": 1, "y": 91, "c":1}, | |
− | + | {"x": 2, "y": 81, "c":0}, {"x": 2, "y": 53, "c":1}, | |
− | + | {"x": 3, "y": 19, "c":0}, {"x": 3, "y": 87, "c":1}, | |
− | + | {"x": 4, "y": 52, "c":0}, {"x": 4, "y": 48, "c":1}, | |
− | + | {"x": 5, "y": 24, "c":0}, {"x": 5, "y": 49, "c":1}, | |
− | + | {"x": 6, "y": 87, "c":0}, {"x": 6, "y": 66, "c":1}, | |
− | + | {"x": 7, "y": 17, "c":0}, {"x": 7, "y": 27, "c":1}, | |
− | + | {"x": 8, "y": 68, "c":0}, {"x": 8, "y": 16, "c":1}, | |
− | + | {"x": 9, "y": 49, "c":0}, {"x": 9, "y": 15, "c":1} | |
− | + | ] | |
− | + | }, | |
− | + | { | |
− | + | "name": "stats", | |
− | + | "source": "table", | |
− | + | "transform": [ | |
− | + | {"type": "facet", "keys": ["data.x"]}, | |
− | + | {"type": "stats", "value": "data.y"} | |
− | + | ] | |
− | + | } | |
− | + | ], | |
− | + | "scales": [ | |
− | + | { | |
− | + | "name": "x", | |
− | + | "type": "ordinal", | |
− | + | "range": "width", | |
− | + | "domain": {"data": "table", "field": "data.x"} | |
− | + | }, | |
− | + | { | |
− | + | "name": "y", | |
− | + | "type": "linear", | |
− | + | "range": "height", | |
− | + | "nice": true, | |
− | + | "domain": {"data": "stats", "field": "sum"} | |
− | + | }, | |
− | + | { | |
− | + | "name": "color", | |
− | + | "type": "ordinal", | |
− | + | "range": "category10" | |
− | + | } | |
− | + | ], | |
− | " | + | "axes": [ |
− | " | + | {"type": "x", "scale": "x"}, |
− | " | + | {"type": "y", "scale": "y"} |
− | "y": {" | + | ], |
− | " | + | "marks": [ |
− | + | { | |
− | + | "type": "group", | |
− | + | "from": { | |
− | + | "data": "table", | |
− | + | "transform": [ | |
− | + | {"type": "facet", "keys": ["data.c"]}, | |
+ | {"type": "stack", "point": "data.x", "height": "data.y"} | ||
+ | ] | ||
+ | }, | ||
+ | "marks": [ | ||
+ | { | ||
+ | "type": "rect", | ||
+ | "properties": { | ||
+ | "enter": { | ||
+ | "x": {"scale": "x", "field": "data.x"}, | ||
+ | "width": {"scale": "x", "band": true, "offset": -1}, | ||
+ | "y": {"scale": "y", "field": "y"}, | ||
+ | "y2": {"scale": "y", "field": "y2"}, | ||
+ | "fill": {"scale": "color", "field": "data.c"} | ||
+ | }, | ||
+ | "update": { | ||
+ | "fillOpacity": {"value": 1} | ||
+ | }, | ||
+ | "hover": { | ||
+ | "fillOpacity": {"value": 0.5} | ||
+ | } | ||
+ | } | ||
} | } | ||
− | + | ] | |
− | + | } | |
− | + | ] | |
− | + | }</graph> | |
− | + | --> | |
− | }</graph> | ||
− | |||
− | |||
− | |||
− | |||
+ | ===2=== | ||
+ | <graph>{"version":2,"width":741,"height":269,"data":[{"name":"table","values":[{"x":0,"y":1},{"x":1,"y":3},{"x":2,"y":2},{"x":3,"y":4},{"x":4,"y":5}]}],"scales":[{"name":"x","type":"linear","range":"width","zero":false,"domain":{"data":"table","field":"x"}},{"name":"y","type":"linear","range":"height","nice":true,"domain":{"data":"table","field":"y"}}],"axes":[{"type":"x","scale":"x"},{"type":"y","scale":"y"}],"marks":[{"type":"line","from":{"data":"table"},"properties":{"enter":{"x":{"scale":"x","field":"x"},"y":{"scale":"y","field":"y"},"y2":{"scale":"y","value":0},"interpolate":{"value":"monotone"},"stroke":{"value":"steelblue"},"strokeWidth":{"value":3}}}}]}</graph> | ||
+ | ===3=== | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<graph>{ | <graph>{ | ||
"version": 2, | "version": 2, | ||
− | + | "description": "A specification outline example.", | |
"height": 200, | "height": 200, | ||
+ | "width": 915, | ||
+ | "config": { | ||
+ | "axis": { | ||
+ | "grid": true, | ||
+ | "gridColor": "#dedede" | ||
+ | } | ||
+ | }, | ||
+ | "autosize": "none", | ||
+ | |||
"padding": { | "padding": { | ||
"top": 10, | "top": 10, | ||
"left": 30, | "left": 30, | ||
"bottom": 30, | "bottom": 30, | ||
− | "right": | + | "right": 0 |
}, | }, | ||
"data": [ | "data": [ | ||
Linia 596: | Linia 741: | ||
{ | { | ||
"x": 1, | "x": 1, | ||
− | "y": | + | "y": 100 |
}, | }, | ||
{ | { | ||
"x": 2, | "x": 2, | ||
− | "y": | + | "y": 55 |
}, | }, | ||
{ | { | ||
Linia 701: | Linia 846: | ||
{ | { | ||
"type": "x", | "type": "x", | ||
− | "scale": "x" | + | "scale": "x", |
+ | "labels": { "interactive": true }, | ||
+ | |||
+ | "domain": { | ||
+ | "update": { | ||
+ | "stroke": {"value": "#333"}, | ||
+ | "strokeWidth": {"value": 1.5}, | ||
+ | "domainColor": "grey" | ||
+ | } | ||
+ | } | ||
}, | }, | ||
{ | { | ||
Linia 720: | Linia 874: | ||
"field": "x" | "field": "x" | ||
}, | }, | ||
− | + | "y": { | |
− | + | "scale": "y", | |
− | |||
− | |||
− | |||
− | "y": { | ||
− | "scale": "y", | ||
"field": "y" | "field": "y" | ||
}, | }, | ||
Linia 732: | Linia 881: | ||
"scale": "y", | "scale": "y", | ||
"value": 0 | "value": 0 | ||
+ | }, | ||
+ | "fill": { | ||
+ | "value": "steelblue" | ||
+ | }, | ||
+ | "width": { | ||
+ | "scale": "x", | ||
+ | "band": "true", | ||
+ | "offset": -1 | ||
} | } | ||
}, | }, | ||
Linia 743: | Linia 900: | ||
"value": "red" | "value": "red" | ||
} | } | ||
− | } | + | }, |
+ | |||
+ | "properties": { | ||
+ | "update": { | ||
+ | "x": {"field": "xx"}, | ||
+ | "y": {"field": "yy"}, | ||
+ | "font": {"value": "Helvetica Neue"}, | ||
+ | "fontSize": {"value": 10}, | ||
+ | "align": {"field": "align"}, | ||
+ | "baseline": {"value": "middle"}, | ||
+ | "fill": {"value": "#000"}, | ||
+ | "text": {"field": "name"}, | ||
+ | "angle": {"field": "degrees"} | ||
+ | } | ||
+ | } | ||
+ | |||
} | } | ||
} | } | ||
] | ] | ||
− | }</graph><graph>{ | + | }</graph> |
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- | ||
+ | <graph>{ | ||
"version": 2, | "version": 2, | ||
"width": 400, | "width": 400, | ||
"height": 200, | "height": 200, | ||
+ | "padding": { | ||
+ | "top": 10, | ||
+ | "left": 30, | ||
+ | "bottom": 30, | ||
+ | "right": 10 | ||
+ | }, | ||
"data": [ | "data": [ | ||
{ | { | ||
"name": "table", | "name": "table", | ||
− | "values": [ | + | "values": [ |
− | + | { | |
− | + | "x": 1, | |
− | + | "y": 28 | |
− | + | }, | |
− | + | { | |
− | + | "x": 2, | |
− | + | "y": 79 | |
− | + | }, | |
− | + | { | |
− | + | "x": 3, | |
− | " | + | "y": 43 |
− | + | }, | |
− | + | { | |
− | + | "x": 4, | |
− | + | "y": 91 | |
− | + | }, | |
− | + | { | |
− | + | "x": 5, | |
− | + | "y": 81 | |
− | + | }, | |
− | " | + | { |
− | + | "x": 6, | |
− | + | "y": 53 | |
− | + | }, | |
− | + | { | |
− | + | "x": 7, | |
− | + | "y": 19 | |
− | + | }, | |
− | + | { | |
− | + | "x": 8, | |
− | + | "y": 87 | |
− | + | }, | |
− | + | { | |
− | + | "x": 9, | |
− | + | "y": 52 | |
− | + | }, | |
− | + | { | |
− | + | "x": 10, | |
− | + | "y": 48 | |
− | + | }, | |
− | + | { | |
− | + | "x": 11, | |
− | "x": | + | "y": 24 |
− | + | }, | |
− | + | { | |
− | + | "x": 12, | |
− | " | + | "y": 49 |
− | + | }, | |
− | + | { | |
− | + | "x": 13, | |
− | + | "y": 87 | |
− | + | }, | |
− | + | { | |
− | + | "x": 14, | |
− | + | "y": 66 | |
− | + | }, | |
− | + | { | |
− | + | "x": 15, | |
− | + | "y": 17 | |
− | + | }, | |
− | + | { | |
− | } | + | "x": 16, |
− | } | + | "y": 27 |
− | + | }, | |
− | + | { | |
− | + | "x": 17, | |
− | + | "y": 68 | |
− | + | }, | |
− | + | { | |
− | + | "x": 18, | |
− | + | "y": 16 | |
− | { | + | }, |
− | + | { | |
− | + | "x": 19, | |
− | + | "y": 49 | |
− | { | + | }, |
− | + | { | |
− | + | "x": 20, | |
− | + | "y": 15 | |
− | + | } | |
− | + | ] | |
− | + | } | |
− | + | ], | |
− | + | "scales": [ | |
− | + | { | |
− | + | "name": "x", | |
− | + | "type": "ordinal", | |
− | + | "range": "width", | |
− | + | "domain": { | |
− | + | "data": "table", | |
− | + | "field": "x" | |
− | } | + | } |
− | + | }, | |
− | + | { | |
− | + | "name": "y", | |
− | + | "type": "linear", | |
− | + | "range": "height", | |
− | + | "domain": { | |
− | + | "data": "table", | |
− | + | "field": "y" | |
− | + | }, | |
− | + | "nice": true | |
− | + | } | |
− | + | ], | |
− | + | "axes": [ | |
− | + | { | |
− | } | + | "type": "x", |
− | + | "scale": "x" | |
− | {{ | + | }, |
− | + | { | |
− | + | "type": "y", | |
− | + | "scale": "y" | |
− | + | } | |
− | + | ], | |
− | + | "marks": [ | |
− | + | { | |
− | + | "type": "rect", | |
− | + | "from": { | |
− | + | "data": "table" | |
− | + | }, | |
− | + | "properties": { | |
− | + | "enter": { | |
− | + | "x": { | |
− | + | "scale": "x", | |
− | + | "field": "x" | |
− | + | }, | |
− | + | "width": { | |
− | + | "scale": "x", | |
− | + | "band": true, | |
− | + | "offset": -1 | |
− | + | }, | |
− | + | "y": { | |
+ | "scale": "y", | ||
+ | "field": "y" | ||
+ | }, | ||
+ | "y2": { | ||
+ | "scale": "y", | ||
+ | "value": 0 | ||
+ | } | ||
+ | }, | ||
+ | "update": { | ||
+ | "fill": { | ||
+ | "value": "steelblue" | ||
+ | } | ||
+ | }, | ||
+ | "hover": { | ||
+ | "fill": { | ||
+ | "value": "red" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | ] | ||
+ | }</graph> | ||
+ | ===4=== | ||
<graph>{ | <graph>{ | ||
− | "version": 2, | + | "version": 2, |
− | + | "width": 400, | |
− | + | "height": 200, | |
− | + | "data": [ | |
− | + | { | |
− | + | "name": "table", | |
− | + | "values": [] | |
− | + | } | |
− | + | ], | |
− | + | "scales": [ | |
− | + | { | |
− | + | "name": "x", | |
− | + | "type": "linear", | |
− | + | "range": "width", | |
− | + | "zero": false, | |
− | + | "domain": { | |
− | + | "data": "table", | |
− | + | "field": "x" | |
− | + | } | |
− | + | }, | |
− | + | { | |
− | + | "name": "y", | |
− | + | "type": "linear", | |
− | + | "range": "height", | |
− | + | "nice": true, | |
− | + | "domain": { | |
− | + | "data": "table", | |
− | + | "field": "y" | |
− | + | } | |
− | + | } | |
− | + | ], | |
− | + | "axes": [ | |
− | + | { | |
− | + | "type": "x", | |
− | + | "scale": "x" | |
− | + | }, | |
− | + | { | |
− | + | "type": "y", | |
− | + | "scale": "y" | |
− | + | } | |
− | + | ], | |
− | + | "marks": [ | |
− | + | { | |
− | + | "type": "area", | |
− | + | "from": { | |
− | + | "data": "table" | |
− | + | }, | |
− | + | "properties": { | |
− | + | "enter": { | |
− | + | "x": { | |
− | + | "scale": "x", | |
− | + | "field": "x" | |
− | + | }, | |
− | + | "y": { | |
− | + | "scale": "y", | |
− | + | "field": "y" | |
− | + | }, | |
− | + | "y2": { | |
− | + | "scale": "y", | |
− | + | "value": 0 | |
− | + | }, | |
− | + | "fill": { | |
− | + | "value": "steelblue" | |
− | + | }, | |
− | + | "interpolate": { | |
− | + | "value": "monotone" | |
− | + | } | |
− | + | } | |
− | + | } | |
− | + | } | |
− | + | ] | |
− | + | }</graph> | |
− | + | --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <!--{{GraphChart|width=400|height=100|type=line|x=1,2,3,4,5,6,7,8|y=10, 12, 6, 14, 2, 10, 7, 9}}--> | |
− | + | ||
− | + | {{Graph:Chart|width=400|height=100|showValues=1|fontsize=12|fontcolor=red|xAxisTitle=X|yAxisTitle=Cazuri | |
− | + | |type=rect|x=1,2,3,4,5,6,7,8,9|y=10,12,6,14,2,10,7,9,3}} | |
− | + | ||
− | + | ||
− | + | {{Graph:Chart | |
− | + | | width=400 | |
− | + | | height=100 | |
− | + | | type=area | |
− | + | | x=1,2,3,4,5,6,7,8 | |
− | + | | y=10,12,6,14,2,10,7,9 | |
− | + | }} | |
− | + | ||
− | + | ||
− | + | {{Graph:Chart | |
− | + | | width=100 | |
− | + | | height=100 | |
− | + | | type=pie | |
− | + | | innerRadius=40 | |
− | + | | x=A,B,C,D,E,F,G,H,I | |
− | + | | y1=100,200,150,300,100,100,150,50,200 | |
− | + | }} | |
− | + | ||
− | + | ||
− | + | {{Graph:Chart | |
− | + | | width=auto | |
− | + | | height=150 | |
− | + | | xAxisTitle= | |
− | + | | yAxisTitle= | |
− | + | | legend= | |
− | + | | type=line | |
− | + | | x=1,2,3,4,5,6,7,8 | |
− | + | | y1=10,12,6,14,2,10,7,9 | |
− | " | + | | y2=2,4,6,8,13,11,9,2 |
+ | | colors=#c00,#080 | ||
+ | | interpolate=monotone | ||
+ | }} | ||
+ | |||
+ | {{Graph:Chart|width=100|height=100|type=pie|legend=<translate><!--T:75--> Legend</translate> | ||
+ | |x=A,B,C,D,E,F,G,H,I|y1=100,200,150,300,100,100,150,50,200 | ||
+ | |y2=7,8,9,8,8,9,10,9,5|showValues=}} | ||
+ | {{Graph:Chart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y | ||
+ | |legend=<translate><!--T:76--> Legend</translate>|type=stackedarea|x=1,2,3,4,5,6|y1=10,12,6,14,2,10 | ||
+ | |y2=2,4,6,8,13,11|interpolate=monotone|colors=seagreen,orchid}} | ||
+ | |||
+ | |||
+ | |||
+ | <div class="panel panel-default" style="padding:1px; margin-bottom:0"> | ||
+ | <table class="tempro"> | ||
+ | <tr class="tempgraf"><td style="height:12px; background-color:#82dbcf"></td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td style="width:2px; background-color:#c33"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td><td><td><td><td><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td><td><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"><td style="background-color:#82dbcf"> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | <table width="100%"> | ||
+ | <tr><td width="33%">18293 <span class="lgrey">/ 2018</span></td><td width="34%" class="green1" align="center">'''18793''' / 2018</td><td width="33%" align="right">147<span class="lgrey"> / 2019</span></td> | ||
+ | </table> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ===5=== | ||
+ | |||
+ | <graph>{ | ||
+ | "version": 2, | ||
+ | "name": "Vega Visualization", | ||
+ | "height": 20, | ||
+ | "padding": "auto", | ||
+ | "marks": [ | ||
{ | { | ||
− | "name": " | + | "name": "cell", |
− | " | + | "marks": [ |
{ | { | ||
− | "x": | + | "properties": { |
− | + | "update": { | |
− | + | "height": { | |
− | + | "value": 14 | |
− | + | }, | |
− | + | "x": { | |
− | + | "field": "x", | |
− | + | "scale": "x" | |
− | + | }, | |
− | + | "width": { | |
− | + | "value": 1 | |
− | + | }, | |
− | + | "fill": { | |
− | + | "value": "#4682b4" | |
− | " | + | }, |
− | " | + | "opacity": { |
− | }, | + | "value": 0.7 |
− | { | + | }, |
− | " | + | "y": { |
− | + | "value": 0 | |
− | " | + | } |
− | + | }, | |
− | }, | + | "enter": { |
+ | "height": { | ||
+ | "value": 14 | ||
+ | }, | ||
+ | "x": { | ||
+ | "field": "x", | ||
+ | "scale": "x" | ||
+ | }, | ||
+ | "width": { | ||
+ | "value": 1 | ||
+ | }, | ||
+ | "fill": { | ||
+ | "value": "#4682b4" | ||
+ | }, | ||
+ | "opacity": { | ||
+ | "value": 0.7 | ||
+ | }, | ||
+ | "y": { | ||
+ | "value": 0 | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | "from": { | ||
+ | "data": "table" | ||
+ | }, | ||
+ | "type": "rect" | ||
+ | } | ||
+ | ], | ||
+ | "properties": { | ||
+ | "enter": { | ||
+ | "height": { | ||
+ | "value": 20 | ||
+ | }, | ||
+ | "width": { | ||
+ | "value": 400 | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | "axes": [ | ||
{ | { | ||
− | "x": | + | "titleOffset": 38, |
− | "y2": 0, | + | "format": "", |
+ | "layer": "back", | ||
+ | "properties": { | ||
+ | "stroke": { | ||
+ | "value": "#000000" | ||
+ | }, | ||
+ | "opacity": { | ||
+ | "value": 0.08 | ||
+ | } | ||
+ | }, | ||
+ | "title": "", | ||
+ | "grid": true, | ||
+ | "type": "x", | ||
+ | "scale": "x", | ||
+ | "ticks": 5 | ||
+ | } | ||
+ | ], | ||
+ | "scales": [ | ||
+ | { | ||
+ | "reverse": false, | ||
+ | "name": "x", | ||
+ | "nice": true, | ||
+ | "zero": true, | ||
+ | "range": [ | ||
+ | 0, | ||
+ | 400 | ||
+ | ], | ||
+ | "domain": { | ||
+ | "data": "table", | ||
+ | "field": "x" | ||
+ | }, | ||
+ | "type": "linear", | ||
+ | "round": true | ||
+ | } | ||
+ | ], | ||
+ | "type": "group" | ||
+ | } | ||
+ | ], | ||
+ | "data": [ | ||
+ | { | ||
+ | "name": "table", | ||
+ | "values": [ | ||
+ | { | ||
+ | "x": 160, | ||
+ | "y2": 0, | ||
"group": 1, | "group": 1, | ||
"y": 0 | "y": 0 | ||
}, | }, | ||
{ | { | ||
− | "x": 225, | + | "x": 160, |
+ | "y2": 0, | ||
+ | "group": 1, | ||
+ | "y": 0 | ||
+ | }, | ||
+ | { | ||
+ | "x": 108, | ||
+ | "y2": 0, | ||
+ | "group": 1, | ||
+ | "y": 0 | ||
+ | }, | ||
+ | { | ||
+ | "x": 258, | ||
+ | "y2": 0, | ||
+ | "group": 1, | ||
+ | "y": 0 | ||
+ | }, | ||
+ | { | ||
+ | "x": 360, | ||
+ | "y2": 0, | ||
+ | "group": 1, | ||
+ | "y": 0 | ||
+ | }, | ||
+ | { | ||
+ | "x": 225, | ||
"y2": 0, | "y2": 0, | ||
"group": 1, | "group": 1, | ||
Linia 1.203: | Linia 1.560: | ||
</graph> | </graph> | ||
− | + | ===6=== | |
<graph>{ | <graph>{ | ||
Linia 1.296: | Linia 1.653: | ||
</graph> | </graph> | ||
+ | ===7=== | ||
<graph>{ | <graph>{ | ||
Linia 1.732: | Linia 2.090: | ||
</graph> | </graph> | ||
− | + | ===8=== | |
− | |||
<graph>{ | <graph>{ | ||
Linia 1.890: | Linia 2.247: | ||
</graph> | </graph> | ||
− | + | ===9=== | |
− | |||
<graph>{ | <graph>{ | ||
Linia 1.898: | Linia 2.254: | ||
</graph> | </graph> | ||
− | + | ===10=== | |
− | |||
− | |||
<graph>{ | <graph>{ | ||
Linia 2.293: | Linia 2.647: | ||
}</graph> | }</graph> | ||
− | + | ===11=== | |
<graph> | <graph> | ||
Linia 2.404: | Linia 2.758: | ||
</graph> | </graph> | ||
− | + | ===12=== | |
<graph> | <graph> | ||
Linia 3.301: | Linia 3.655: | ||
}</graph> | }</graph> | ||
− | + | ===14=== | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<graph> | <graph> | ||
Linia 4.288: | Linia 4.634: | ||
}</graph> | }</graph> | ||
− | + | ===15=== | |
− | |||
− | |||
<graph> | <graph> | ||
Linia 4.353: | Linia 4.697: | ||
</graph> | </graph> | ||
+ | ===16=== | ||
<graph>{ | <graph>{ | ||
Linia 4.463: | Linia 4.808: | ||
}</graph> | }</graph> | ||
+ | ===17=== | ||
<graph> | <graph> | ||
Linia 4.544: | Linia 4.890: | ||
}</graph> | }</graph> | ||
+ | ===18=== | ||
<graph> | <graph> | ||
Linia 4.731: | Linia 5.078: | ||
}</graph> | }</graph> | ||
+ | ===19=== | ||
<graph> | <graph> | ||
Linia 4.837: | Linia 5.185: | ||
}</graph> | }</graph> | ||
+ | ===20=== | ||
<graph> | <graph> | ||
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"} |
} | } | ||
} | } | ||
Linia 4.962: | Linia 5.311: | ||
</graph> | </graph> | ||
+ | ===21=== | ||
<graph> | <graph> | ||
Linia 5.052: | Linia 5.402: | ||
} | } | ||
] | ] | ||
+ | } | ||
+ | ] | ||
+ | }</graph> | ||
+ | |||
+ | ===22=== | ||
+ | |||
+ | <graph> | ||
+ | { | ||
+ | "width": 500, | ||
+ | "height": 200, | ||
+ | "padding": {"top": 10, "left": 30, "bottom": 30, "right": 10}, | ||
+ | "data": [ | ||
+ | { | ||
+ | "name": "table", | ||
+ | "values": [ | ||
+ | {"x": 0, "y": 28, "c":0}, {"x": 0, "y": 55, "c":1}, | ||
+ | {"x": 1, "y": 43, "c":0}, {"x": 1, "y": 91, "c":1}, | ||
+ | {"x": 2, "y": 81, "c":0}, {"x": 2, "y": 53, "c":1}, | ||
+ | {"x": 3, "y": 19, "c":0}, {"x": 3, "y": 87, "c":1}, | ||
+ | {"x": 4, "y": 52, "c":0}, {"x": 4, "y": 48, "c":1}, | ||
+ | {"x": 5, "y": 24, "c":0}, {"x": 5, "y": 49, "c":1}, | ||
+ | {"x": 6, "y": 87, "c":0}, {"x": 6, "y": 66, "c":1}, | ||
+ | {"x": 7, "y": 17, "c":0}, {"x": 7, "y": 27, "c":1}, | ||
+ | {"x": 8, "y": 68, "c":0}, {"x": 8, "y": 16, "c":1}, | ||
+ | {"x": 9, "y": 49, "c":0}, {"x": 9, "y": 15, "c":1} | ||
+ | ] | ||
+ | }, | ||
+ | { | ||
+ | "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} | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | ] | ||
+ | }</graph> | ||
+ | |||
+ | ===23=== | ||
+ | |||
+ | <graph> | ||
+ | { | ||
+ | "name": "wordcloud", | ||
+ | "width": 800, | ||
+ | "height": 400, | ||
+ | "padding": {"top":0, "bottom":0, "left":0, "right":0}, | ||
+ | |||
+ | "data": [ | ||
+ | { | ||
+ | "name": "table", | ||
+ | "values": [ | ||
+ | // "Declarative visualization grammars can accelerate development, facilitate retargeting across platforms, and allow language-level optimizations. However, existing declarative visualization languages are primarily concerned with visual encoding, and rely on imperative event handlers for interactive behaviors. In response, we introduce a model of declarative interaction design for data visualizations. Adopting methods from reactive programming, we model low-level events as composable data streams from which we form higher-level semantic signals. Signals feed predicates and scale inversions, which allow us to generalize interactive selections at the level of item geometry (pixels) into interactive queries over the data domain. Production rules then use these queries to manipulate the visualization’s appearance. To facilitate reuse and sharing, these constructs can be encapsulated as named interactors: standalone, purely declarative specifications of interaction techniques. We assess our model’s feasibility and expressivity by instantiating it with extensions to the Vega visualization grammar. Through a diverse range of examples, we demonstrate coverage over an established taxonomy of visualization interaction techniques.", | ||
+ | // "We present Reactive Vega, a system architecture that provides the first robust and comprehensive treatment of declarative visual and interaction design for data visualization. Starting from a single declarative specification, Reactive Vega constructs a dataflow graph in which input data, scene graph elements, and interaction events are all treated as first-class streaming data sources. To support expressive interactive visualizations that may involve time-varying scalar, relational, or hierarchical data, Reactive Vega’s dataflow graph can dynamically re-write itself at runtime by extending or pruning branches in a data-driven fashion. We discuss both compile- and run-time optimizations applied within Reactive Vega, and share the results of benchmark studies that indicate superior interactive performance to both D3 and the original, non-reactive Vega system." | ||
+ | |||
+ | "Autoritatile Republicii Moldova s-au sesizat pe marginea propagarii virusului la sfarsitul lunii ianuarie, dupa care situatia epidemiologica la infectia cu noul tip de coronavirus a fost examinata de Comisia Nationala Extraordinara de Sanatate Publica (CNESP) la 2 februarie 2020. In dependenta de gradul de risc pentru sanatatea publica, Comisia a instituit succesiv din 24 februarie pana la 13 martie grad de alerta cod galben, portocaliu si rosu. Ultimul a fost atribuit dupa ce in Republica Moldova fusese confirmate 6 cazuri de COVID-19, iar Organizatia Mondiala a Sanatatii a anuntat la 11 martie faza de transmitere pandemica a virusului. Principale masuri aprobate de Comisie au vizat suspendarea procesului educational, sistarea transportului aerian regulat cu zonele afectate de pandemia COVID-19, intreruperea activitatii institutiilor de agrement, antrenament si recreere si a intrunirilor religioase. Cresterea numarului de cazuri de infectie cu virusul COVID-19 a determinat CNESP sa extinda la 15 martie numarul masurilor preventive prin sistarea transportului feroviar international de pasageri si oprirea temporara a activitatii comerciale, cu exceptia magazinelor alimentare, farmaciilor si a benzinariilor. Totusi, avand cod rosu de alerta si un focar de infectie in doua din satele raionului Hincesti, autoritatile nu au interzis desfasurarea alegerilor parlamentare noi in circumscriptia uninominala nr. 38, Hincesti pe 15 martie 2020, care au fost castigate de candidatul PSRM.", | ||
+ | |||
+ | "Numarul cazurilor active este obtinut dupa deducerea numarului de persoane vindecate si decedate din numarul total de cazuri confirmate. Dupa ce catre inceputul lunii mai infectia a atins un platou de cazuri noi, redeschiderea tuturor magazinelor si reluarea serviciilor religioase, precum si organizarea mai multor evenimente publice dedicate zilei de 9 mai in Balti, Chisinau, Comrat si Tiraspol a generat o crestere rapida de cazuri noi, care a culminat pe 20 mai. Ulterior, pe parcursul unei saptamani s-a produs o scadere semnificativa a numarului cazurilor active. Ridicarea mai multor restrictii dupa incetarea starii de urgenta a rasturnat aceasta tendinta si a provocat o explozie de noi cazuri. Incepand cu ultima saptamana din luna mai, evolutia cazurilor active arata o crestere continua, cu numarul maxim de cazuri, inregistrat pe 2 august 2020." | ||
+ | |||
+ | |||
+ | ], | ||
+ | "transform": [ | ||
+ | { | ||
+ | "type": "countpattern", | ||
+ | "field": "data", | ||
+ | "case": "upper", | ||
+ | "pattern": "[\\w']{3,}", | ||
+ | "stopwords": "(cu|de|pe|si|a|o|dupa|din|pana|i|me|my|myself|we|us|our|ours|ourselves|you|your|yours|yourself|yourselves|he|him|his|himself|she|her|hers|herself|it|its|itself|they|them|their|theirs|themselves|what|which|who|whom|whose|this|that|these|those|am|is|are|was|were|be|been|being|have|has|had|having|do|does|did|doing|will|would|should|can|could|ought|i'm|you're|he's|she's|it's|we're|they're|i've|you've|we've|they've|i'd|you'd|he'd|she'd|we'd|they'd|i'll|you'll|he'll|she'll|we'll|they'll|isn't|aren't|wasn't|weren't|hasn't|haven't|hadn't|doesn't|don't|didn't|won't|wouldn't|shan't|shouldn't|can't|cannot|couldn't|mustn't|let's|that's|who's|what's|here's|there's|when's|where's|why's|how's|a|an|the|and|but|if|or|because|as|until|while|of|at|by|for|with|about|against|between|into|through|during|before|after|above|below|to|from|up|upon|down|in|out|on|off|over|under|again|further|then|once|here|there|when|where|why|how|all|any|both|each|few|more|most|other|some|such|no|nor|not|only|own|same|so|than|too|very|say|says|said|shall)" | ||
+ | }, | ||
+ | { | ||
+ | "type": "formula", "field": "angle", | ||
+ | "expr": "[-45, 0, 45][~~(random() * 3)]" | ||
+ | }, | ||
+ | { | ||
+ | "type": "formula", "field": "weight", | ||
+ | "expr": "if(datum.text=='VEGA', 600, 300)" | ||
+ | }, | ||
+ | { | ||
+ | "type": "wordcloud", | ||
+ | "size": [800, 400], | ||
+ | "text": {"field": "text"}, | ||
+ | "rotate": {"field": "angle"}, | ||
+ | "font": {"value": "Helvetica Neue"}, | ||
+ | "fontSize": {"field": "count"}, | ||
+ | "fontWeight": {"field": "weight"}, | ||
+ | "fontScale": [12, 56] | ||
+ | } | ||
+ | ] | ||
+ | } | ||
+ | ], | ||
+ | |||
+ | "scales": [ | ||
+ | { | ||
+ | "name": "color", | ||
+ | "type": "ordinal", | ||
+ | "range": ["#d5a928", "#652c90", "#939597"] | ||
+ | } | ||
+ | ], | ||
+ | |||
+ | "marks": [ | ||
+ | { | ||
+ | "type": "text", | ||
+ | "from": {"data": "table"}, | ||
+ | "properties": { | ||
+ | "enter": { | ||
+ | "x": {"field": "layout_x"}, | ||
+ | "y": {"field": "layout_y"}, | ||
+ | "angle": {"field": "layout_rotate"}, | ||
+ | "font": {"field": "layout_font"}, | ||
+ | "fontSize": {"field": "layout_fontSize"}, | ||
+ | "fontStyle": {"field": "layout_fontStyle"}, | ||
+ | "fontWeight": {"field": "layout_fontWeight"}, | ||
+ | "text": {"field": "text"}, | ||
+ | "align": {"value": "center"}, | ||
+ | "baseline": {"value": "alphabetic"}, | ||
+ | "fill": {"scale": "color", "field": "text"} | ||
+ | }, | ||
+ | "update": { | ||
+ | "fillOpacity": {"value": 1} | ||
+ | }, | ||
+ | "hover": { | ||
+ | "fillOpacity": {"value": 0.5} | ||
+ | } | ||
+ | } | ||
} | } | ||
] | ] | ||
}</graph> | }</graph> |