3e:null 3f:["$","title",null,{"children":"How much do Data Viz folks get paid? | SayehGorjifard | Observable"}] 45:T8dc,chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const {nodes, links} = sankey({ nodes: graph.nodes.map(d => Object.assign({}, d)), links: graph.links.map(d => Object.assign({}, d)) }); // these are the rectangles svg.append("g") .selectAll("rect") .data(nodes) .join("rect") .attr("x", d => d.x0) .attr("y", d => d.y0) .attr("height", d => d.y1 - d.y0) .attr("width", d => d.x1 - d.x0) .append("title") .text(d => `${d.name}\n${d.value.toLocaleString()}`) svg.append("g") .attr("fill", "none") .selectAll("g") .data(links) .join("path") .attr("d", d3.sankeyLinkHorizontal()) .attr("stroke", d => { if (!howToColor(d.names)) { return ("#F8F8F8") } else { if (d.names.length == 2) { return (color(d.names[0])) } else if (d.names.length == 3) { return (color(d.names[1])) } else if (d.names.length == 4) { return (color(d.names[2])) } else if (d.names.length == 5) { return (color(d.names[3])) } else if (d.names.length == 6) { return (color(d.names[4])) } else if (d.names.length == 7) { return (color(d.names[5])) } else { return (color(d.names[10])) } } }) .attr("stroke-width", d => d.width) .style("mix-blend-mode", "multiply") .append("title") .text( d => { if (howToColor(d.names)) { // only include tooltip for highlighted links? return (`${d.names.join(" → ")}\n${d.value.toLocaleString()}`) } }); svg.append("g") .style("font", "13px sans-serif") .selectAll("text") .data(nodes) .join("text") .attr("x", d => d.x0 < width / 2 ? d.x1 + 6 : d.x0 - 6) .attr("y", d => (d.y1 + d.y0) / 2) .attr("dy", "0.35em") .attr("text-anchor", d => d.x0 < width / 2 ? "start" : "end") .text(d => d.name) .append("tspan") .attr("fill-opacity", 1.0) .text(d => ` ${d.value.toLocaleString()}`); return svg.node(); }46:T820,function howToColor(link) { //returns true if that link should be colored // link is an array of all the factors selected, ie ["white", "Narcotics"] or ["Black", "Motor Vehicles", "None", "Not Incarceraed"] etc, 2 <= link.length < 6 if (!first) { //no radio buttons, show everything return true } else if (first && second && third && fourth && fifth) { // all radio buttons, only show links containing this exact pattern, or shorter if(link.includes(first) && link.includes(second) && link.includes(third) && link.includes(fourth) && link.includes(fifth)) { return true } else if (link.includes(first) && link.includes(second) && link.includes(third) && link.includes(fourth) && link.length == 4) { return true } else if (link.includes(first) && link.includes(second) && link.includes(third) && link.length == 3) { return true } else if (link.includes(first) && link.includes(second) && link.length == 2) { return true } else { return false } } else if (first && second && third && fourth) { if(link.includes(first) && link.includes(second) && link.includes(third) && link.includes(fourth)) { return true } else if (link.includes(first) && link.includes(second) && link.includes(third) && link.length == 3) { return true } else if (link.includes(first) && link.includes(second) && link.length == 2) { return true } else { return false } } else if (first && second && third) { if(link.includes(first) && link.includes(second) && link.includes(third)) { return true } else if (link.includes(first) && link.includes(second) && link.length == 2) { return true } else { return false } } else if (first && second) { if(link.includes(first) && link.includes(second)) { return true } else if (link.includes(first) && link.length == 1) { return true } else { return false } } else { if(link.includes(first)) { return true } else { return false } } } 47:T429,graph = { let index = -1; const nodes = []; const nodeByKey = new Map; const indexByKey = new Map; const links = []; for (const k of keys) { for (const d of data) { const key = JSON.stringify([k, d[k]]); if (nodeByKey.has(key)) continue; const node = {name: d[k]}; nodes.push(node); nodeByKey.set(key, node); indexByKey.set(key, ++index); } } for (let i = 1; i < keys.length; ++i) { const a = keys[i - 1]; const b = keys[i]; const prefix = keys.slice(0, i + 1); const linkByKey = new Map; for (const d of data) { const names = prefix.map(k => d[k]); const key = JSON.stringify(names); const value = d.value || 1; let link = linkByKey.get(key); if (link) { link.value += value; continue; } link = { source: indexByKey.get(JSON.stringify([a, d[a]])), target: indexByKey.get(JSON.stringify([b, d[b]])), names, value }; links.push(link); linkByKey.set(key, link); } } return {nodes, links}; }48:T174a,arrAssign = { // dynamically change the order of radio buttons shown based on the chart order selected if (Selection == "Gender_summarized") { viewArray.length = 0; viewArray.push(Inputs.radio(["Man", "Woman","Self-described or Prefer not to say"], {label: "Gender"})); viewArray.push(Inputs.radio(["High school diploma", "Technical school","Associate’s degree","Some college","Bachelor’s degree" ,"Master's degree","Doctoral degree",], {label: "Education"})); viewArray.push(Inputs.radio([ "Employee","Freelance","Hobbyist","Academic","Student", "EmployeeANDFreelance","OtherCombo","Passive income"], {label: "Role"})); viewArray.push(Inputs.radio(["Fewer than 20 hours", "20–29 hours", "30–39 hours","40–49 hours","50–59 hours","60–69 hours" , "70 or more hours"], {label: "Time Worked"})); viewArray.push(Inputs.radio(["Less than $10,000", "$10,000 - $19,999" ,"$20,000 - $39,999","$40,000 - $59,999", "$60,000 - $79,999","$80,000 - $99,999","$100,000 - $119,999" ,"$120,000 - $139,999","$140,000 - $159,999" ,"$160,000 - $179,999" ,"$180,000 - $199,999","$200,000 - $219,999" ,"$220,000 - $239,999","$240,000 or more" ,"I am not compensated on a yearly basis"], {label: "Income"}, {width : 1000})); return viewArray; } else if (Selection == "EducLevel") { viewArray.length = 0; viewArray.push(Inputs.radio(["High school diploma", "Technical school","Associate’s degree","Some college","Bachelor’s degree" ,"Master's degree", "Doctoral degree",], {label: "Education"})); viewArray.push(Inputs.radio([ "Employee","Freelance","Hobbyist","Academic","Student", "EmployeeANDFreelance","OtherCombo","Passive income"], {label: "Role"})); viewArray.push(Inputs.radio(["Fewer than 20 hours", "20–29 hours", "30–39 hours","40–49 hours","50–59 hours","60–69 hours" , "70 or more hours"], {label: "Time Worked"})); viewArray.push(Inputs.radio(["Man", "Woman","Self-described or Prefer not to say"], {label: "Gender"})); viewArray.push(Inputs.radio(["Less than $10,000", "$10,000 - $19,999" ,"$20,000 - $39,999","$40,000 - $59,999", "$60,000 - $79,999","$80,000 - $99,999","$100,000 - $119,999" ,"$120,000 - $139,999","$140,000 - $159,999" ,"$160,000 - $179,999" ,"$180,000 - $199,999","$200,000 - $219,999" ,"$220,000 - $239,999","$240,000 or more" ,"I am not compensated on a yearly basis"], {label: "Income"})); return viewArray; } else if (Selection == 'DataVizRoles_collapsed') { viewArray.length = 0; viewArray.push(Inputs.radio([ "Employee","Freelance","Hobbyist","Academic","Student", "EmployeeANDFreelance","OtherCombo","Passive income"], {label: "Role"})); viewArray.push(Inputs.radio(["Fewer than 20 hours", "20–29 hours", "30–39 hours","40–49 hours","50–59 hours","60–69 hours" , "70 or more hours"], {label: "Time Worked"})); viewArray.push(Inputs.radio(["Man", "Woman","Self-described or Prefer not to say"], {label: "Gender"})); viewArray.push(Inputs.radio(["High school diploma", "Technical school","Associate’s degree","Some college","Bachelor’s degree" ,"Master’s degree","Doctoral degree",], {label: "Education"})); viewArray.push(Inputs.radio(["Less than $10,000", "$10,000 - $19,999" ,"$20,000 - $39,999","$40,000 - $59,999", "$60,000 - $79,999","$80,000 - $99,999","$100,000 - $119,999" ,"$120,000 - $139,999","$140,000 - $159,999" ,"$160,000 - $179,999" ,"$180,000 - $199,999","$200,000 - $219,999" ,"$220,000 - $239,999","$240,000 or more" ,"I am not compensated on a yearly basis"], {label: "Income"})); return viewArray; } else if (Selection == "PayAnnual") { viewArray.length = 0; viewArray.push(Inputs.radio(["Less than $10,000", "$10,000 - $19,999" ,"$20,000 - $39,999","$40,000 - $59,999", "$60,000 - $79,999","$80,000 - $99,999","$100,000 - $119,999" ,"$120,000 - $139,999","$140,000 - $159,999" ,"$160,000 - $179,999" ,"$180,000 - $199,999","$200,000 - $219,999" ,"$220,000 - $239,999","$240,000 or more" ,"I am not compensated on a yearly basis"], {label: "Income"})); viewArray.push(Inputs.radio(["Fewer than 20 hours", "20–29 hours", "30–39 hours","40–49 hours","50–59 hours","60–69 hours" , "70 or more hours"], {label: "Time Worked"})); viewArray.push(Inputs.radio(["Man", "Woman","Self-described or Prefer not to say"], {label: "Gender"})); viewArray.push(Inputs.radio(["High school diploma", "Technical school","Associate’s degree","Some college","Bachelor’s degree" ,"Master’s degree","Doctoral degree",], {label: "Education"})); viewArray.push(Inputs.radio([ "Employee","Freelance","Hobbyist","Academic","Student", "EmployeeANDFreelance","OtherCombo","Passive income"], {label: "Role"})); return viewArray; } else if (Selection == "TimeWorked") { viewArray.length = 0; viewArray.push(Inputs.radio(["Fewer than 20 hours", "20–29 hours", "30–39 hours","40–49 hours","50–59 hours","60–69 hours" , "70 or more hours"], {label: "Time Worked"})); viewArray.push(Inputs.radio(["Man", "Woman","Self-described or Prefer not to say"], {label: "Gender"})); viewArray.push(Inputs.radio(["High school diploma", "Technical school","Associate’s degree","Some college","Bachelor’s degree" ,"Master’s degree","Doctoral degree",], {label: "Education"})); viewArray.push(Inputs.radio([ "Employee","Freelance","Hobbyist","Academic","Student", "EmployeeANDFreelance","OtherCombo","Passive income"], {label: "Role"})); viewArray.push(Inputs.radio(["Less than $10,000", "$10,000 - $19,999" ,"$20,000 - $39,999","$40,000 - $59,999", "$60,000 - $79,999","$80,000 - $99,999","$100,000 - $119,999" ,"$120,000 - $139,999","$140,000 - $159,999" ,"$160,000 - $179,999" ,"$180,000 - $199,999","$200,000 - $219,999" ,"$220,000 - $239,999","$240,000 or more" ,"I am not compensated on a yearly basis"], {label: "Income"})); return viewArray; } if (reset > 0) { viewArray.length = 0; } }49:[{"id":"75b97e268596e1cdc5164d15d8588eb915bae55cbfd357e61be2223e5e3bb42409d0ed2294ea90db20a0e2a670e016198ddea32bba8b565694e0ea842b92dc7c","href":"https://static.observableusercontent.com/files/75b97e268596e1cdc5164d15d8588eb915bae55cbfd357e61be2223e5e3bb42409d0ed2294ea90db20a0e2a670e016198ddea32bba8b565694e0ea842b92dc7c","name":"time@2.csv","type":"text/csv","lastModified":1685403281931.61,"size":233744}] 43:{"id":"5f938d1fd47b8b2f","slug":null,"title":"How much do Data Viz folks get paid?","thumbnail":"cae751fe4fa2d649d7c47a97478d9f7fb4a69120998501f2dd789b32682047c1","access_level":"public","create_time":"$D2023-05-26T05:26:28.109Z","update_time":"$D2023-06-01T01:41:38.794Z","view_time":null,"first_public_time":"$D2023-05-26T05:26:28.109Z","has_unpublished_edits":null,"fork":{"id":"3831d9b5c003654b","slug":"disparities-in-va-courts","title":"How blind is our justice system?","owner":{"id":"4f1573877898fdec","login":"sarc5400-elb3dy","name":"SARC5400"}},"stars":1,"starred":false,"owner":{"type":"team","id":"82e226ff2d97eb51","login":"sayehgorjifard","name":"SayehGorjifard","avatar_url":"https://avatars-next.observableusercontent.com/ba6e7b24cd306775ac8aac045b532736a5294787a0fd89b338be88fcd65d5480","tier":"starter_2024","bio":"","following":false},"version":1143,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2a7b189ac7adae6f","login":"lampoona","name":"Sayeh Gorjifard","avatar_url":"https://avatars-next.observableusercontent.com/4c4c7bebf452b0686fd6cc121048974da6589f69a16c4f0762e61529af481678","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"2a7b189ac7adae6f","login":"lampoona","name":"Sayeh Gorjifard","avatar_url":"https://avatars-next.observableusercontent.com/4c4c7bebf452b0686fd6cc121048974da6589f69a16c4f0762e61529af481678","tier":null,"role":"editor"},{"type":"team","id":"82e226ff2d97eb51","login":"sayehgorjifard","name":"SayehGorjifard","avatar_url":"https://avatars-next.observableusercontent.com/ba6e7b24cd306775ac8aac045b532736a5294787a0fd89b338be88fcd65d5480","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"How much do Data Viz folks get paid?","cells":[{"id":0,"value":"title = md`# How much do Data Viz folks get paid?\n\nBased on the State of the Industry Survey Challenge (https://www.datavisualizationsociety.org/soti-challenge-2022), choose factors of gender, role, and Education level and see how much you might expect to make in the industry. `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":431,"value":"

Which factor would you like to base the diagram on?

Select factors for each category to see the likelihood of an outcome

\n \n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":40,"value":"$45","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":731,"value":"$46","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"width = 1100","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"height = 720","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"sankey = d3.sankey()\n .nodeSort(null)\n .linkSort(null)\n .nodeWidth(4)\n .nodePadding(20)\n .extent([[0, 5], [width, height - 5]])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"$47","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"color = d3.scaleOrdinal(d3.schemeTableau10)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"//data = d3.csvParse(await FileAttachment(\"VA_felony_only_rel_columns@7.csv\").text(), d3.autoType)\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1017,"value":"data = d3.csvParse(await FileAttachment(\"time@2.csv\").text(), d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"d3 = require(\"d3@6\", \"d3-sankey@0.12\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":306,"value":"keys_op_1 = [\"PayAnnual\",\"TimeWorked\",\"Gender_summarized\",'EducLevel',\"DataVizRoles_collapsed\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":313,"value":"keys_op_2 = [\"Gender_summarized\", 'EducLevel', \"DataVizRoles_collapsed\",\"TimeWorked\",\"PayAnnual\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":318,"value":"keys_op_3 = ['EducLevel',\"DataVizRoles_collapsed\",\"TimeWorked\",\"Gender_summarized\",\"PayAnnual\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":438,"value":"keys_op_4 = [\"DataVizRoles_collapsed\",\"TimeWorked\",\"Gender_summarized\",'EducLevel',\"PayAnnual\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":444,"value":"keys_op_5 = [\"TimeWorked\",\"Gender_summarized\",'EducLevel',\"DataVizRoles_collapsed\",\"PayAnnual\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":309,"value":"keys = switchSt","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":391,"value":"switchSt = { \n if (Selection == \"Gender_summarized\") {\n return keys_op_2;\n}\n else if (Selection == \"PayAnnual\"){\n return keys_op_1\n }\n else if (Selection == \"EducLevel\"){\n return keys_op_3\n }\n else if (Selection == \"TimeWorked\") {\n return keys_op_5\n }\n else { \n return keys_op_4;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":634,"value":"viewArray = []","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1081,"value":"$48","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 44:"$43:body"