2e:null 2f:["$","title",null,{"children":"Sussex: Common job titles and their skill requirements | Cath Sleeman | Observable"}] 34:T987,chart = { // SVG const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); // Black rectangles svg.selectAll(".occupation_skill_rect") .data(data_reformatted["nodes"]) .join("rect") .attr("class", "occupation_skill_rect") .attr("x", d=> d.x0) .attr("y", d=> d.y0) .attr("width", d=> (d.x1 - d.x0)) .attr("height", d=> (d.y1 - d.y0)) // Paths svg.selectAll(".occupation_skill_links") .data(data_reformatted["links"]) .join("path") .attr("class", "occupation_skill_links") .style("stroke", d=> color_skills(d.target.name)) .attr("d", d3Sankey.sankeyLinkHorizontal()) .attr("stroke-width", d=> Math.max(1, d.width)) .on('mouseover', (e,d,i)=> showTooltip(e,d,i)) .on('mousemove', d=> tooltip.style('top', e=> (height/1.5 (width/2 tooltip.html(``).style('visibility', 'hidden')); // Background to occupation and skill labels svg.selectAll(".occupation_skill_text_bground") .data(data_reformatted["nodes"]) .join("text") .attr("class", "occupation_skill_text_bground") .text(d=> d.targetLinks.length>0 ? d.name : d.actual_name) .attr("x", d=> d.x0) .attr("y", d=> (0.5*d.y0+0.5*d.y1)) .style('stroke', d=> d.targetLinks.length>0 ? color_skills(d.name) : 'black') // Occupation and skill labels svg.selectAll(".occupation_skill_text") .data(data_reformatted["nodes"]) .join("text") .attr("class", "occupation_skill_text") .text(d=> d.targetLinks.length>0 ? d.name : d.actual_name) .attr("x", d=> d.x0) .attr("y", d=> (0.5*d.y0+0.5*d.y1)) .style('fill', d=> d.targetLinks.length>0 ? 'white' : 'white') // Occupation and skill labels - styles svg.selectAll(".occupation_skill_text, .occupation_skill_text_bground") .style("text-anchor", d=> (d.targetLinks.length>0) ? "end" : "start") .attr("dx", d=> (d.targetLinks.length>0) ? "-0.5em" : "0.5em") // Occupation heading svg.selectAll(".occupation_heading") .data(["Job titles"]) .join("text") .attr("class", "occupation_heading") .text(d=>d) .attr("x", 5) .attr("y", 20) // Broad skills heading svg.selectAll(".skills_heading") .data(["Broad skills"]) .join("text") .attr("class", "skills_heading") .text(d=>d) .attr("x", width-5) .attr("y", 20) return svg.node(); }35:Ta84,showTooltip = (e,d,i) => { var sourceLinks = d.source.sourceLinks var no_links = sourceLinks.length var skills_included = [] for (let i = 0; i < no_links; i++) { skills_included.push(d.source.sourceLinks[i].target.name) } var all_skills_names = [] var all_skills_values = [] for (let i = 1; i < color_skills.domain().length; i++) { var one_skill = color_skills.domain()[i] var index_skill = skills_included.indexOf(one_skill) var one_value = index_skill>-1 ? d.source.sourceLinks[index_skill].value : 0 all_skills_names.push(one_skill) all_skills_values.push(one_value) } tooltip .html( `

${d.source.actual_name}

${format_text(all_skills_names[0], all_skills_values[0])}

${format_text(all_skills_names[1], all_skills_values[1])}

${format_text(all_skills_names[2], all_skills_values[2])}

${format_text(all_skills_names[3], all_skills_values[3])}

${format_text(all_skills_names[4], all_skills_values[4])}

${format_text(all_skills_names[5], all_skills_values[5])}

${format_text(all_skills_names[6], all_skills_values[6])}

${format_text(all_skills_names[7], all_skills_values[7])}

` ) .style('visibility', 'visible'); } 36:T549, 37:[{"id":"781a6d8a6c3b116ab32259bedd0fd9052cc7a71f64fbb28e8841790c470ebe1bae55e2b1dca465b7bb68570c3dd37b1b31f22e8c5e9ccb74cdce2c85e953b05d","href":"https://static.observableusercontent.com/files/781a6d8a6c3b116ab32259bedd0fd9052cc7a71f64fbb28e8841790c470ebe1bae55e2b1dca465b7bb68570c3dd37b1b31f22e8c5e9ccb74cdce2c85e953b05d","name":"data_occupations@4.json","type":"application/json","lastModified":1645616389317.712,"size":128217}] 32:{"id":"50c0cf75bc6405c4","slug":"2202_sussex_jobs_skills","title":"Sussex: Common job titles and their skill requirements","thumbnail":"8f9ab1c77212a817d89bff1b2c47a5002ee4c4782723dd2884bb7c48f5d93350","access_level":"unlisted","create_time":"$D2022-01-19T14:07:43.478Z","update_time":"$D2022-03-08T11:41:32.605Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"df5ccc403188a1f7","login":"cath","name":"Cath Sleeman","avatar_url":"https://avatars-next.observableusercontent.com/4dd70d6b5a420eeef596695349265b00d51f8ccb63699acf2c809c5492c86fab","tier":"starter_2024"},"version":822,"publish_version":822,"role":null,"authored":false,"authors":[{"type":"individual","id":"ed821c8cadfffecc","login":"cath","name":"Cath Sleeman","avatar_url":"https://avatars-next.observableusercontent.com/4dd70d6b5a420eeef596695349265b00d51f8ccb63699acf2c809c5492c86fab","tier":null}],"members":[{"type":"individual","id":"ed821c8cadfffecc","login":"cath","name":"Cath Sleeman","avatar_url":"https://avatars-next.observableusercontent.com/4dd70d6b5a420eeef596695349265b00d51f8ccb63699acf2c809c5492c86fab","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Sussex: Common job titles and their skill requirements","cells":[{"id":0,"value":"# Sussex: Common job titles and their skill requirements\nThe chart below shows the job titles that were frequently advertised in Sussex over the period June to November 2021. The jobs are grouped by the skills that they most frequently draw upon. The skills mentioned in these adverts were extracted and assigned to one of the eight groups shown. The adverts were collected as part of Nesta's [Open Jobs Observatory](https://www.nesta.org.uk/data-visualisation-and-interactive/open-jobs-observatory/) which aims to provide free information on the skills requested by employers. \n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":517,"value":"viewof select_skill = Inputs.select(skill_groups, {label: \"Select a skill group:\"}, {width: '400px'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":800,"value":"### Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":772,"value":"xScale = d3.scaleLinear().domain([0,100]).range(0,width);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":775,"value":"color_skills_range = [\n '#FFFFFF', // white (not used)\n '#00857c', \t\t\t // green\n '#fbb721', \t\t\t // yellow\n '#58BDD1', \t\t\t // light blue\n 'rgb(255,90,0)', \t // orange\n 'rgb(165,148,130)', // grey\n '#c82892', \t\t // pink\n '#C4B000', \t\t\t // light green\n '#5B6FDE']; \t\t\t // purple/blue","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":779,"value":"skill_groups = [\n 'All',\n 'Business Administration, Finance & Law',\n 'Sales & Communication',\n 'Education',\n 'Engineering, Construction & Maintenance',\n 'Food, Cleaning & Hospitality',\n 'Healthcare, Social Work & Research',\n 'Information & Communication Technologies',\n 'Transversal skills'\n];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":782,"value":"color_skills = d3.scaleOrdinal()\n.domain(skill_groups)\n.range(color_skills_range);\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"data_reformatted = sankey({\n nodes: data['nodes'].filter(d=> d.category==select_skill || d.category==\"Skill\"),\n links: data['links'].filter(d=> d.category==select_skill) \n}); ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"data = FileAttachment(\"data_occupations@4.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"height = 900","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"sankey = d3Sankey.sankey()\n .nodeId(d => d.name)\n .nodeSort(null)\n .nodeWidth(5)\n .nodePadding(7)\n .extent([[5, 35], [width - 5, height - 70]]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"d3Sankey = require.alias({\"d3-array\": d3, \"d3-shape\": d3, \"d3-sankey\": \"d3-sankey@0.12.3/dist/d3-sankey.min.js\"})(\"d3-sankey\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"tooltip = d3\n.select('body')\n.append('div')\n.attr('id', 'tooltip')\n.style('position', 'absolute')\n.style('z-index', '10')\n.style('visibility', 'hidden')\n.style('padding', '10px')\n.style('background', 'rgba(255,255,255,0.95)')\n.style('border-radius', '4px')\n.style('pointer-events', 'none')\n.style('color', '#0000000');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":231,"value":"// Format text for mouseovers\nformat_text = (skill, value) => {\n // If demand for skill is >=1%\n if (value>=1) {\n // Round to nearest integer\n return skill+': '+Math.round(value)+'%'\n } else {\n return skill+': <1%'\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":600,"value":"ns = Inputs.text().classList[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":160,"value":"$36","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 33:"$32:body"