28:null 29:["$","title",null,{"children":"Plot of Plots | Lukas Schmoigl | Observable"}] 2e:T119b,plot = Plot.plot({ height: 440, width: 680, marginTop: 40, marginLeft: 120, marginRight: 60, fontFamily: "FFDaxPro", style: { fontSize: 14, fontFamily: "FFDaxPro" }, x: { // axis: null, ticks: 0, label: "Flexibilität →" }, y: { // axis: null, ticks: 0, label: "↑ Benutzerfreundlichkeit" }, color: { type: "identity" }, marks: [ Plot.ruleX([0]), Plot.ruleY([0]), Plot.text( [ { x: 0.42, y: 0.42, quadrant: "nicht benutzen" }, { x: 0.48, y: 0.48, quadrant: "benutzen" }, ], { x: "x", y: "y", text: "quadrant", textAnchor: "end", fill: (d) => (d.quadrant === "benutzen" ? "#559bd5" : "red"), rotate: 36.6, fontSize: 13, fontFamily: "FFDaxPro" } ), Plot.text( [ { x: 0, y: 0.8, quadrant: "intuitiv &\nprägnant" }, { x: 0, y: 0.2, quadrant: "schwer erlernbar &\nwortreich" }, { x: 0.2, y: -0.05, quadrant: "limitiert" }, { x: 0.8, y: -0.05, quadrant: "stark" } ], { 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"), href: (d) => `${d.url}`, r: 4.5 }), 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":"c6d3cb1eef3aa7e8047f4b2e4ed8a4e7999b6f3055b4353e613b4fda6f112a306d9067160e776c813bca4bf908f7a5d3d3292f38a38b96fb4e9ce1af923d1386","href":"https://static.observableusercontent.com/files/c6d3cb1eef3aa7e8047f4b2e4ed8a4e7999b6f3055b4353e613b4fda6f112a306d9067160e776c813bca4bf908f7a5d3d3292f38a38b96fb4e9ce1af923d1386","name":"ds_data_de.csv","type":"text/csv","lastModified":1710432669743.763,"size":5483}] 2c:{"id":"bcd39fa71bd2e229","slug":"plot-of-plots-de","title":"Plot of Plots","thumbnail":"d5d5a25dfbcc0dff37ade8da61fc5cbbf99c188337e266c2518b7c1cb8380c98","access_level":"public","create_time":"$D2023-12-13T15:01:57.691Z","update_time":"$D2024-04-18T09:06:12.534Z","view_time":null,"first_public_time":"$D2023-12-13T15:01:57.691Z","has_unpublished_edits":null,"fork":{"id":"8b9088d767e0794a","slug":"plot-of-plots","title":"Plot of Plots","owner":{"id":"5899a57f37c1c5bd","login":"schmoigl","name":"Lukas Schmoigl"}},"stars":0,"starred":false,"owner":{"type":"team","id":"5899a57f37c1c5bd","login":"schmoigl","name":"Lukas Schmoigl","avatar_url":"https://avatars-next.observableusercontent.com/a18b68154bac49cfe040df035c2eefd5f4ab5d461e944fe6b8953c00703e3960","tier":"starter_2024"},"version":368,"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":0,"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":321,"value":"title = htl.html`\n

Plot of Plots

Vergleich verschiedener Softwarepakete zur Erstellung von Datenvisualisierungen

\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_de.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"