31:T4a2,view3 = vegalite({ "width": 500, "height": 500, data: {values: midwest2}, title:"midwest", "layer":[ { "selection": { "paintbrush": { "type": "multi", "on": "mouseover", "empty": "all" } }, mark: "point", encoding: { y: {field: city1, type: "quantitative", axis: { // maxExtent:100, // minExtent:0, } }, x: {field: city2, type: "quantitative" }, "tooltip": {"field": "Header_3", "type": "nominal"}, "color": { "value": "brown" }, "size": { "condition": { "selection": "paintbrush", "value": 300 }, "value": 50 } } }, // lyaer2 { data: {values: [{Header_1: "Food", Header_2: "Food at home", Header_3: "Dairy products", "a": "10", "b": "10", "Minneapolis-St. Paul": "459", "St. Louis": "408"},{Header_1: "Food", Header_2: "Food at home", Header_3: "Dairy products", "a": "1000", "b": "1000", "Minneapolis-St. Paul": "459", "St. Louis": "408"}]}, mark: "line", encoding: { y: {field: "a", type: "quantitative"}, x: {field: "b", type: "quantitative"} } } ] })32:T447,view2 = vegalite({ "width": 500, "height": 500, data: {values: midwest}, title:"midwest", "layer":[ { "selection": { "paintbrush": { "type": "multi", "on": "mouseover", "empty": "all" } }, mark: "point", encoding: { y: {field: "Chicago", type: "quantitative", axis: { // maxExtent:100, // minExtent:0, } }, x: {field: "Detroit", type: "quantitative" }, "tooltip": {"field": "Header_3", "type": "nominal"}, "color": { "value": "brown" }, "size": { "condition": { "selection": "paintbrush", "value": 300 }, "value": 50 } } }, // lyaer2 { mark: "line", encoding: { y: {field: "Chicago", type: "quantitative", axis: { // maxExtent:100, // minExtent:0, } }, x: {field: "Detroit", type: "quantitative" }, "tooltip": {"field": "Header_3", "type": "nominal"}, "color": { "value": "brown" } } } ] })33:[] 2f:{"title":"Quick VEGA-LITE viz exploration - midwest cost of living data from census","cells":[{"id":0,"value":"md`# Quick VEGA-LITE viz exploration - midwest cost of living data from census`","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"md `data from here: https://github.com/houstondatavis/data-jam-february-2018`","pinned":false,"hidden":false,"mode":"ojs"},{"id":192,"value":"md `## If you leave your cursor over a point for quite a while a hover will eventually pop up`","pinned":false,"hidden":false,"mode":"ojs"},{"id":181,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":212,"value":"viewof city1 = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":217,"value":"viewof city2 = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":242,"value":"md `-------------------------------------------`","pinned":false,"hidden":false,"mode":"ojs"},{"id":244,"value":"md `## Previous steps to get to the graph above are below`","pinned":false,"hidden":false,"mode":"ojs"},{"id":266,"value":"md \t`import d3`\t","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":268,"value":"md `import data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":201,"value":"\n\nmidwest2 = d3.csv(\"https://cdn.rawgit.com/JustinGOSSES/c22c3354ee89f6f6c8d7c1f9358e6299/raw/d8bd62266fc368da35c8012af4eda19cb07f2964/midwest_flatten_3.csv\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"midwest = d3.csv(\"https://cdn.rawgit.com/JustinGOSSES/ac4a02b526cdd611b46159cb475c24e9/raw/43bc88e8c3a257d95894e23bb07648325bc8aba8/midwest_flatten.csv\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":270,"value":"md `progressive data visualization attempts starting at bottom`","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"vegalite = require(\"@observablehq/vega-lite@0.1\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":174,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":172,"value":"view = vegalite({\n \"width\": 500,\n \"height\": 500,\n data: {values: midwest},\n title:\"midwest\",\n \"selection\": {\n \"paintbrush\": {\n \"type\": \"multi\",\n \"on\": \"mouseover\", \"empty\": \"all\"\n }\n },\n mark: \"point\",\n encoding: {\n y: {field: \"Chicago\", type: \"quantitative\", axis: {\n // maxExtent:100,\n // minExtent:0,\n }\n },\n x: {field: \"Detroit\", type: \"quantitative\"\n },\n \"tooltip\": {\"field\": \"Header_3\", \"type\": \"nominal\"},\n \"color\": {\n \"value\": \"brown\"\n },\n \"size\": {\n \"condition\": {\n \"selection\": \"paintbrush\", \"value\": 300\n },\n \"value\": 50\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":190,"value":"view0 = vegalite({\n \"width\": 500,\n \"height\": 500,\n data: {values: midwest},\n title:\"midwest\",\n \"selection\": {\n \"paintbrush\": {\n \"type\": \"multi\",\n \"on\": \"mouseover\", \"empty\": \"all\"\n }\n },\n mark: \"line\",\n encoding: {\n y: {field: \"Chicago\", type: \"quantitative\", axis: {\n // maxExtent:100,\n // minExtent:0,\n }\n },\n x: {field: \"Detroit\", type: \"quantitative\"\n },\n \"tooltip\": {\"field\": \"Header_3\", \"type\": \"nominal\"},\n \"color\": {\n \"value\": \"brown\"\n },\n \"size\": {\n \"condition\": {\n \"selection\": \"paintbrush\", \"value\": 3\n },\n \"value\": 5\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"vegalite({\n \"width\": 820,\n \"height\": 120,\n data: {values: midwest},\n title:\"midwest\",\n mark: \"line\",\n encoding: {\n y: {field: \"Chicago\", type: \"quantitative\", axis: {\n \t// maxExtent:100,\n \t// minExtent:0,\n \t}\n },\n x: {field: \"Detroit\", type: \"ordinal\", axis: {\n \tmaxExtent:110,\n \tminExtent:0,\n \t}\n },\n \"color\": {\n \"value\": \"brown\"\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"function parsejson(data_1){\n\tlet new_json = []\n \tfor(let item in data_1){\n \tif(data_1[item][\"Header_3\"]=== \"Fruits and vegetables\"){\n \tnew_json.push(data_1[item])\n }\n }\n \treturn new_json\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"test = parsejson(midwest)","pinned":false,"hidden":false,"mode":"ojs"},{"id":87,"value":"viewof city = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":82,"value":"vegalite({\n data: {values: midwest2},\n mark: \"bar\",\n encoding: {\n x: {bin: true, field: city, type: \"quantitative\"},\n y: {aggregate: \"count\", field: \"*\", type: \"quantitative\"}\n }\n})","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}