node-red-node-ui-vega/examples/Vega-Lite - Simple Bar Chart.json

Node-RED UI widget node for Vega visualization grammar

[{"id":"6f568ed8.fc667","type":"tab","label":"[Vega-Lite] Simple Bar Chart","disabled":false,"info":"# Simple Bar Chart Example\n\nShows simple bar chart"},{"id":"19c88e59.58e7c2","type":"ui_vega","z":"6f568ed8.fc667","group":"754700da.8cddf","name":"Bar Chart","order":1,"width":"10","height":"6","vega":"{\n  \"width\": 400,\n  \"height\": 200,\n  \"data\": {\n    \"values\": [\n      {\"city\": \"Tokyo\", \"population\": 37435191},\n      {\"city\": \"San Fransisco\", \"population\": 897536},\n      {\"city\": \"New York\", \"population\": 8601186},\n      {\"city\": \"London\", \"population\": 9176530},\n      {\"city\": \"Paris\", \"population\": 10958187},\n      {\"city\": \"Berlin\", \"population\": 3556792},\n      {\"city\": \"Delhi\", \"population\": 29399141},\n      {\"city\": \"Beijing\", \"population\": 20035455}\n    ]\n  },\n  \"mark\" : \"bar\",\n  \"encoding\": {\n    \"x\": { \n      \"field\": \"city\",\n      \"type\": \"nominal\"\n    },\n    \"y\": {\n      \"field\": \"population\",\n      \"type\": \"quantitative\"\n    }\n  }\n}\n","x":120,"y":80,"wires":[]},{"id":"e75c3a1a.71fc68","type":"comment","z":"6f568ed8.fc667","name":"↓ Display on Dashboard","info":"","x":160,"y":40,"wires":[]},{"id":"754700da.8cddf","type":"ui_group","z":"","name":"Group 1","tab":"5e69b28.294dd4c","disp":false,"width":"10","collapse":false},{"id":"5e69b28.294dd4c","type":"ui_tab","z":"","name":"[Vega-Lite] Simple Bar Chart","icon":"dashboard","order":4,"disabled":false,"hidden":false}]