28:null 29:["$","title",null,{"children":"Plot of Plots | Lukas Schmoigl | Observable"}] 2e:T122c,plot = Plot.plot({ height: 440, width: 680, marginTop: 40, marginLeft: 120, marginRight: 60, fontFamily: "FFDaxPro", style: { fontSize: 14, fontFamily: "FFDaxPro", // dispay: "block", // margin: "auto" }, x: { // axis: null, ticks: 0, label: "flexibility →" }, y: { // axis: null, ticks: 0, label: "↑ ease of use" }, color: { type: "identity" }, marks: [ Plot.ruleX([0]), Plot.ruleY([0]), Plot.text( [ { x: 0.42, y: 0.42, quadrant: "Do not Use" }, { x: 0.48, y: 0.48, quadrant: "Use" }, ], { x: "x", y: "y", text: "quadrant", textAnchor: "end", fill: (d) => (d.quadrant === "Use" ? "#72bb6f" : "red"), rotate: 36.6, fontSize: 13, fontFamily: "FFDaxPro", } ), Plot.text( [ { x: 0, y: 0.8, quadrant: "intuitive &\nconcise" }, { x: 0, y: 0.2, quadrant: "hard to learn &\nverbose" }, { x: 0.2, y: -0.05, quadrant: "limited" }, { x: 0.8, y: -0.05, quadrant: "powerful" } ], { x: "x", y: "y", text: "quadrant", dx: -10, textAnchor: "end", fontSize: 13, fontFamily: "FFDaxPro" } ), Plot.areaX( [ { x: 0, y: 1 }, { x: 0.1, y: 0.9 }, { x: 0.7, y: 0.7 }, { x: 0.9, y: 0.1 }, { x: 1, y: 0 } ], { x: "x", y: "y", curve: "cardinal", fill: "#e0e0e0", fillOpacity: 0.5 } ), Plot.line( [ { x: 0, y: 0.665 }, { x: 0.05, y: 0.685 }, { x: 0.10, y: 0.665 }, { x: 0.15, y: 0.685 }, { x: 0.20, y: 0.665 }, { x: 0.25, y: 0.685 }, { x: 0.30, y: 0.665 }, { x: 0.35, y: 0.685 }, { x: 0.40, y: 0.665 }, { x: 0.45, y: 0.685 }, { x: 0.50, y: 0.665 }, { x: 0.55, y: 0.685 }, { x: 0.60, y: 0.665 }, { x: 0.65, y: 0.685 }, { x: 0.70, y: 0.665 }, { x: 0.75, y: 0.685 }, { x: 0.80, y: 0.665 }, { x: 0.825, y: 0.675 }, // { x: 0.80, y: 0.665 }, // { x: 0.85, y: 0.685 }, // { x: 0.90, y: 0.665 }, ], { x: "x", y: "y", curve: "cardinal", strokeDasharray: 4, stroke: "#559bd5", } ), Plot.text( [ { x: 0.84, y: 0.675, quadrant: "↓ Coding" }, ], { x: "x", y: "y", text: "quadrant", textAnchor: "start", fontSize: 13, fontFamily: "FFDaxPro", fill: "#559bd5", } ), Plot.dot(dots, { x: "x", y: "y", stroke: (d) => (["ggplot2", "vega-lite", "Plot"].includes(d.vis) ? "#72bb6f" : "grey"), // title: d => `${d.vis} \n\n Advantages: \n ${d.Vorteile} \n\n Disadvantages: \n ${d.Nachteile} \n`, href: (d) => `${d.url}`, r: 4.5, // tip: true }), Plot.text(dots, { x: (d) => ["ggplot2", "Flourish", "Highcharts", "Excel"].includes(d.vis) ? d.x - (d.vis.length / 66) - 0.01 : d.x, y: (d) => d.vis === "ggplot2" ? d.y - 0.00 : d.vis === "Excel" ? d.y - 0.04 : d.vis === "vega-lite" ? d.y + 0.00 : d.y, text: "vis", dx: 10, textAnchor: "start", fontSize: 13, fontFamily: "FFDaxPro", fill: (d) => (["ggplot2", "vega-lite", "Plot"].includes(d.vis) ? "#72bb6f" : "grey"), href: (d) => `${d.url}`, // pointerEvents: "none", }), Plot.rect( [ { x1: 0.515, y1: 0.55, x2: 0.81, y2: 0.65} ],{ x1: "x1", // or ([x1]) => x1 y1: "y1", // or ([, y1]) => y1 x2: "x2", // or ([,, x2]) => x2 y2: "y2", // or ([,,, y2]) => y2 stroke: "#72bb6f", strokeDasharray: 4, }), Plot.text( [ { x: 0.54, y: 0.52, quadrant: "Grammar of Graphics" }, ], { x: "x", y: "y", text: "quadrant", textAnchor: "start", fontSize: 13, fontFamily: "FFDaxPro", fill: "#72bb6f", } ), Plot.line( [ { x: 0, y: 0.9 }, { x: 0.9, y: 0 } ], { x: "x", y: "y", stroke: "gray", strokeDasharray: 4 } ), Plot.tip(dots, Plot.pointer({ x: "x", y: "y", title: d => `${d.Vorteile}\n―――――――――――――――――――――――\n${d.Nachteile}`, stroke: "transparent", fontSize: 13, lineWidth: 22 })), ] })2f:[{"id":"d884b751905de09c093491df2c564f357fd76ae93d0e57dc0e799c152d8c32399a2c2926672224851aacd3a31164345124fb2cc5a5f5e594829aa67b326184b3","href":"https://static.observableusercontent.com/files/d884b751905de09c093491df2c564f357fd76ae93d0e57dc0e799c152d8c32399a2c2926672224851aacd3a31164345124fb2cc5a5f5e594829aa67b326184b3","name":"ds_data_en.csv","type":"text/csv","lastModified":1710432685495.053,"size":4813}] 2c:{"id":"8b9088d767e0794a","slug":"plot-of-plots","title":"Plot of Plots","thumbnail":"0fe6c923b1c97af54090b2689e6d87597e5bc6c588f093d1882f60ad66ad67bb","access_level":"public","create_time":"$D2023-03-16T12:51:25.572Z","update_time":"$D2024-04-18T09:06:00.250Z","view_time":null,"first_public_time":"$D2023-03-16T12:51:25.572Z","has_unpublished_edits":null,"fork":false,"stars":4,"starred":false,"owner":{"type":"team","id":"5899a57f37c1c5bd","login":"schmoigl","name":"Lukas Schmoigl","avatar_url":"https://avatars-next.observableusercontent.com/a18b68154bac49cfe040df035c2eefd5f4ab5d461e944fe6b8953c00703e3960","tier":"starter_2024"},"version":508,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2348f18d0d304950","login":"schmoigl","name":"Lukas Schmoigl","avatar_url":"https://avatars-next.observableusercontent.com/a18b68154bac49cfe040df035c2eefd5f4ab5d461e944fe6b8953c00703e3960","tier":null},{"type":"individual","id":"1d9fbc79aae6136b","login":"wirtschaftsforschungsinstitut-wien","name":"WIFO","avatar_url":"https://avatars-next.observableusercontent.com/1658f25280813588b3c66e1286031995e225c988fe8d20b53767200c3f385a9f","tier":null}],"members":[{"type":"individual","id":"2348f18d0d304950","login":"schmoigl","name":"Lukas Schmoigl","avatar_url":"https://avatars-next.observableusercontent.com/a18b68154bac49cfe040df035c2eefd5f4ab5d461e944fe6b8953c00703e3960","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"5d801b34d3a2eb89","slug":"fg-webgrafiken","title":"FG-Webgrafiken","owner":{"id":"5899a57f37c1c5bd","login":"schmoigl","name":"Lukas Schmoigl"}},"type":"notebook","body":{"title":"Plot of Plots","cells":[{"id":0,"value":"\n# Plot of Plots\n\n## DS-Webgrafik\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":430,"value":"idea from: https://observablehq.com/@ee2dev/plot-party","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":316,"value":"title = htl.html`\n

Plot of Plots

Comparison of different software packages for creating data visualization

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":278,"value":"---\n\n\n# Appendix\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":337,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":241,"value":"dots = FileAttachment(\"ds_data_en.csv\").csv({ typed: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2d:"$2c:body"