31:Tb27,bar = (raw, xField, yField, color, title, orderBy) => { const data = !orderBy ? raw.filter(d => d[yField]).sort(function(a, b) { return d3.descending(+a[xField], +b[xField]) }) : raw.filter(d => d[yField]).sort(function(a, b) { return d3.descending(a[orderBy], b[orderBy]) }) const barHeight = 42 const margin = ({top: 80, right: 30, bottom: 10, left: 175}) const height = Math.ceil((data.length + 0.1) * barHeight) + margin.top + margin.bottom const labelFormat = (xField.toLowerCase().includes('median') || xField == 'Q2') ? '($,.2f' : '(,.2f'; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); console.log(d3.max(data, d => d[xField])) const x = d3.scaleLinear() .domain([0, d3.max(data, d => +d[xField])]) .range([margin.left, width - margin.right]) const y = d3.scaleBand() .domain(d3.range(data.length)) .rangeRound([margin.top, height - margin.bottom]) .padding(0.1) const format = x.tickFormat(20, data.format) const xAxis = g => g .attr("transform", `translate(0,${margin.top})`) .call(d3.axisTop(x).ticks(width / 80, data.format)) .call(g => g.select(".domain").remove()) const yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).tickFormat(i => data[i][yField]).tickSizeOuter(0)) svg.append("g") .selectAll("rect") .data(data) .join("rect") .attr("fill", color) .attr("x", x(0)) .attr("y", (d, i) => y(i)) .attr("width", d => x(d[xField]) - x(0)) .attr("height", y.bandwidth()); svg.append("g") .attr("fill", "white") .attr("text-anchor", "end") .attr("font-family", "sans-serif") .attr("font-size", tickFont) .selectAll("text") .data(data) .join("text") .attr("x", d => x(d[xField])) .attr("y", (d, i) => y(i) + y.bandwidth() / 2) .attr("dy", "0.35em") .attr("dx", -4) .text(d => d3.format(labelFormat)(d[xField])) .call(text => text.filter(d => x(d[xField]) - x(0) < 20) // short bars .attr("dx", +4) .attr("fill", "black") .attr("text-anchor", "start")); svg.append("text") .attr("x", 0) .attr("y", 0 + (margin.top / 2 - 10)) .attr("text-anchor", "left") .style("font-size", titleFont) // .style("font-weight", "bold") .style("font-family", "Georgia") .text(title); svg.append("g") .style("font-size", tickFont) .call(xAxis); const axis = svg.append("g") .style("font-size", tickFont) .call(yAxis); setTimeout(()=>{ // console.log(svg.style("width")); axis.selectAll(".tick text") .call(wrap, margin.left); // svg.selectAll(".title") // .call(twrap, 600); }, 0); return svg.node(); }32:Td02,histogram = (data, color, title, side, COL) => { const height = 500; const margin = ({top: 80, right: 20, bottom: 30, left: 40}); const median = !COL ? d3.median(data, d => +d.Q2) : d3.median(data, d => +d.COL); const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const range = !COL ? [0, 360000] : [80, 150]; const x = d3.scaleLinear() .domain(range) .range([margin.left, width - margin.right]); const binFunc = d3.histogram().domain(x.domain()).thresholds(x.ticks(40)); const bins = !COL ? binFunc(data.map(({ Q2 }) => +Q2)) : binFunc(data.map(({ COL }) => +COL)); const label = !COL ? 'Salary' : 'Cost of living index'; const text = !COL ? `Median Salary: ${d3.format("($,.2f")(median)}` : `Median Cost of Living Index: ${d3.format("(,.2f")(median)}`; const offset = !COL ? 3000 : 0.5; // const bins = d3.bin().thresholds(40)(data.map(({ Q2 }) => Q2)); const y = d3.scaleLinear() .domain([0, d3.max(bins, d => d.length)]).nice() .range([height - margin.bottom, margin.top]); const xAxis = g => g .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x).ticks(width / 80 ).tickSizeOuter(0)) .call(g => g.append("text") .attr("x", width - margin.right) .attr("y", -4) .attr("fill", "currentColor") .attr("font-weight", "bold") .attr("text-anchor", "end") .text(label)); const yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).ticks(height / 40)) .call(g => g.select(".domain").remove()) .call(g => g.select(".tick:last-of-type text").clone() .attr("x", 4) .attr("text-anchor", "start") // .attr("font-size", tickFont) .attr("font-weight", "bold") .text("Number of respondents")) svg.append("g") .attr("fill", color) .selectAll("rect") .data(bins) .join("rect") .attr("x", d => x(d.x0) + 1) .attr("width", d => Math.max(0, x(d.x1) - x(d.x0) - 1)) .attr("y", d => y(d.length)) .attr("height", d => y(0) - y(d.length)); svg.append("line") .attr("x1", x(median)) .attr("y1", 0 + margin.top) .attr("x2", x(median)) .attr("y2", height - margin.bottom) .style("stroke-width", 1) .style("stroke", "black") .style("fill", "none"); // svg.append("line") // .attr("x1", x(median)) // .attr("y1", margin.top + 15) // .attr("x2", x(median + offset)) // .attr("y2", margin.top + 15) // .style("stroke-width", 1) // .style("stroke", "black") // .style("fill", "none"); svg.append("text") .attr("y", margin.top + 20) .attr("x", d => side ? x(median + 2*offset) : x(median - 2*offset)) .attr('text-anchor', side ? 'start' : 'end') // .attr("font-weight", "bold") .text(text); svg.append("text") .attr("x", 0) .attr("y", 0 + (margin.top / 2)) .attr("text-anchor", "left") .style("font-family", titleFontFam) .style("font-size", titleFont) // .style("font-weight", "bold") .text(title); svg.append("g") .style("font-size", tickFont) .call(xAxis); svg.append("g") .style("font-size", tickFont) .call(yAxis); return svg.node(); }33:Tb8f,singleBar = (raw, title) => { const margin = ({top: 30, right: 0, bottom: 30, left: 0}) const height = margin.top + margin.bottom + 80 const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .style("display", "block"); const x = d3.scaleLinear([0, 1], [margin.left, width - margin.right]) const formatPercent = x.tickFormat(null, "%") let value = 0; const data = raw.sort(function(a, b) { return d3.descending(+a.Count, +b.Count) }).filter(d => d.Field) const total = d3.sum(data, d => d.Count); const stack = data.map(d => ({ name: d.Field, salary: d.MedianSalary, value: +d.Count / total, startValue: value / total, endValue: (value += +d.Count) / total })); const color = d3.scaleOrdinal() .domain(stack.map(d => d.name)) .range(d3.quantize(t => d3.interpolateInferno(t * 0.8 + 0.1), data.length).reverse()) svg.append("g") .attr("stroke", "white") .selectAll("rect") .data(stack) .join("rect") .attr("fill", (d, i) => colorScale1(i)) .attr("x", d => x(d.startValue)) .attr("y", margin.top) .attr("width", d => x(d.endValue) - x(d.startValue)) .attr("height", height - margin.top - margin.bottom) .append("title") .text(d => `${d.name} ${formatPercent(d.value)}`); svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 12) .selectAll("text") .data(stack.filter(d => x(d.endValue) - x(d.startValue) > 200)) .join("text") .attr("fill", "white") // .attr("fill", d => d3.lab(color(d.name)).l < 50 ? "white" : "black") .attr("transform", d => `translate(${x(d.startValue) + 6}, 40)`) .call(text => text.append("tspan") .attr("y", "0.7em") .attr("font-weight", "bold") .text(d => d.name)) .call(text => text.append("tspan") .attr("x", 0) .attr("y", "1.7em") .attr("fill-opacity", 0.7) .text(d => formatPercent(d.value))); svg.append("text") .attr("x", 0) .attr("y", 0 + (margin.top / 2)) .attr("text-anchor", "left") .style("font-size", titleFont) .style("font-weight", "bold") .text(title); const tooltip = svg.append("g"); svg .selectAll('rect') .on('touchmove mousemove', function(event, d) { console.log(d) tooltip.call( callout, `${d.name}: ${d3.format("(.2%")(d.value)}` ); tooltip.attr("transform", `translate(${d3.pointer(event, this)[0]},${d3.pointer(event, this)[1]})`); d3.select(this).select('circle') .attr("fill", "#ffc87c") .attr('stroke', "#ffc87c") }) .on("touchend mouseleave", function() { tooltip.call(callout, null); d3.select(this).select('circle') .attr("fill", 'steelblue') .attr('stroke', 'steelblue') }); return svg.node(); }34:T4f8,callout = (g, value) => { if (!value) return g.style("display", "none"); g .style("display", null) .style("pointer-events", "none") .style("font", "12px sans-serif"); const path = g.selectAll("rect") .data([null]) .join("rect") .attr("fill", "white") .attr("width", 100) .attr("height", 25) // .attr("stroke", "black"); // const box = g.append('rect') // // .attr('x', x) // // .attr('y', y) // // .attr('width', w) // // .attr('height', h) // .attr('stroke', 'black') // .attr('fill', 'white'); const text = g.selectAll("text") .data([null]) .join("text") .call(text => text .selectAll("tspan") .data((value + "").split(/\n/)) .join("tspan") .attr("x", 0) .attr("y", (d, i) => `${i * 1.5}em`) .style("font-weight", (_, i) => i ? null : "bold") .text(d => d)); const {x, y, width: w, height: h} = text.node().getBBox(); // box.attr("transform", `translate(${-w},${15 - y})`).attr('width', w).attr('height', w); text.attr("transform", `translate(${-w},${15 - y})`); path.attr("transform", `translate(${-w-5},${-y - 1})`).attr("width", w+10); // attr("d", `M${-w / 2 - 10},5H${w / 2 + 10}v${h + 20}h-${w}z`); }35:[{"id":"f2201bb965c655af681f2e962aeeaeb8e1acc8c32dc660c661c770010ba3a959e34daba59624a8cf1218ed7e4c8d6fa7bb2b92c4b201b31224dc41c0178ec853","href":"https://static.observableusercontent.com/files/f2201bb965c655af681f2e962aeeaeb8e1acc8c32dc660c661c770010ba3a959e34daba59624a8cf1218ed7e4c8d6fa7bb2b92c4b201b31224dc41c0178ec853","name":"SalarySurveyDataCleaned@1.csv","type":"text/csv","lastModified":1626213463120.194,"size":275375},{"id":"d07afcc6052b7e8c808209af241add0a75695782f73ed4264064f1ab9ad5a3968606b4e8b4caf7e725f178122e9e87b2b20d3d0cacfe14e877f20fe4d32f0e73","href":"https://static.observableusercontent.com/files/d07afcc6052b7e8c808209af241add0a75695782f73ed4264064f1ab9ad5a3968606b4e8b4caf7e725f178122e9e87b2b20d3d0cacfe14e877f20fe4d32f0e73","name":"SalarySurveyDataCleaned.csv","type":"text/csv","lastModified":1625347282572.206,"size":276083},{"id":"a5abe82564ed057dac7adbade107e953c3230f9409ad9fc19a5837a8c01285948e56877e612ae38eeb23e7932fd1783027d31e2bb9a72f532ec7712aeb49c0cc","href":"https://static.observableusercontent.com/files/a5abe82564ed057dac7adbade107e953c3230f9409ad9fc19a5837a8c01285948e56877e612ae38eeb23e7932fd1783027d31e2bb9a72f532ec7712aeb49c0cc","name":"ByRace.csv","type":"text/csv","lastModified":1625348271677.333,"size":281},{"id":"dcc3ef13366e00819eb2c5c13c10a6435dadaec575f799caa51e7766b54137155eeda27db77f5f83887f12ebedb10b2584b4b1c83a2096cccc1e0b54fbdbb8d0","href":"https://static.observableusercontent.com/files/dcc3ef13366e00819eb2c5c13c10a6435dadaec575f799caa51e7766b54137155eeda27db77f5f83887f12ebedb10b2584b4b1c83a2096cccc1e0b54fbdbb8d0","name":"ByGender.csv","type":"text/csv","lastModified":1625348280618.852,"size":156},{"id":"d037faf4a4b307d268fffd7dc9c36c99bacc48d4f887522b5823af15e1d65367c1ef9e5cd0021d8678f7ac806b1f4c78633dbc4e2eecd0bafc91f973dd505f20","href":"https://static.observableusercontent.com/files/d037faf4a4b307d268fffd7dc9c36c99bacc48d4f887522b5823af15e1d65367c1ef9e5cd0021d8678f7ac806b1f4c78633dbc4e2eecd0bafc91f973dd505f20","name":"ByUnion.csv","type":"text/csv","lastModified":1625348832342.092,"size":56},{"id":"cd7dbf15f99f415f561930c195ead334b64e6bec4b033d45ecca8dde7bf4caa1c3b6a3e500732be3ad4caa7029b143ed3992cb6af2284f94b85d466abdd9c919","href":"https://static.observableusercontent.com/files/cd7dbf15f99f415f561930c195ead334b64e6bec4b033d45ecca8dde7bf4caa1c3b6a3e500732be3ad4caa7029b143ed3992cb6af2284f94b85d466abdd9c919","name":"ByUnionNews.csv","type":"text/csv","lastModified":1625348838281.331,"size":55},{"id":"45f5198b8d6e21f2c4c219689a6da05aaa8c2f20976f13e66927d63f882840341baaf08962e4fb233c87eb0f44f75dd5e8fd89dd45fe252c74c7846c3e880519","href":"https://static.observableusercontent.com/files/45f5198b8d6e21f2c4c219689a6da05aaa8c2f20976f13e66927d63f882840341baaf08962e4fb233c87eb0f44f75dd5e8fd89dd45fe252c74c7846c3e880519","name":"ByOrg.csv","type":"text/csv","lastModified":1625348949395.756,"size":135},{"id":"92fb4c37b282381b3982cca47136a72b30417c11a0a127861638c67ef8111e1774d51caad8a0d06a12a74e98b45193739b9a288a856ef4c7f28e4744b4583d9b","href":"https://static.observableusercontent.com/files/92fb4c37b282381b3982cca47136a72b30417c11a0a127861638c67ef8111e1774d51caad8a0d06a12a74e98b45193739b9a288a856ef4c7f28e4744b4583d9b","name":"ByOrgNews.csv","type":"text/csv","lastModified":1625348958094.213,"size":135},{"id":"996142f41149e6c415a167659c4b29319783a1ba20772343e9bc25b73fcda23158856471b84f24cfedb8b822aac0a85736716a7ecf115d9171236eb29bd2ff70","href":"https://static.observableusercontent.com/files/996142f41149e6c415a167659c4b29319783a1ba20772343e9bc25b73fcda23158856471b84f24cfedb8b822aac0a85736716a7ecf115d9171236eb29bd2ff70","name":"ByLicensee.csv","type":"text/csv","lastModified":1625349083843.104,"size":134},{"id":"25d66f05d3cc990410756be9b18da24abd5197b168b47a7f61d180f4fe64a1881b32f31b26a968b85c0ad48488dca248d75193047054b9c9c572ae8533b6de5e","href":"https://static.observableusercontent.com/files/25d66f05d3cc990410756be9b18da24abd5197b168b47a7f61d180f4fe64a1881b32f31b26a968b85c0ad48488dca248d75193047054b9c9c572ae8533b6de5e","name":"ByLicenseeNews.csv","type":"text/csv","lastModified":1625349101241.35,"size":132},{"id":"74b8d02f80a1f6ee0b4913b2b8ce42b1fa2fd2c12b39b5aff460fa292a135cc277d268aaa1e49026b40ffc99046e8496c786814af22732bcc3d13ff21f265852","href":"https://static.observableusercontent.com/files/74b8d02f80a1f6ee0b4913b2b8ce42b1fa2fd2c12b39b5aff460fa292a135cc277d268aaa1e49026b40ffc99046e8496c786814af22732bcc3d13ff21f265852","name":"colByLicensee.csv","type":"text/csv","lastModified":1625349092794.096,"size":161},{"id":"73637183ff5e57a6c3583dc1c3489817974638bc6de98391df4ac92d7352bf97ee2a6f0e8ac918987a2296c96c989a057cd94176ec6eddf1bacf6b233cf597c6","href":"https://static.observableusercontent.com/files/73637183ff5e57a6c3583dc1c3489817974638bc6de98391df4ac92d7352bf97ee2a6f0e8ac918987a2296c96c989a057cd94176ec6eddf1bacf6b233cf597c6","name":"ByAge.csv","type":"text/csv","lastModified":1625349511118.611,"size":128},{"id":"c0336a9aedde65ab297008794589e9aeb92f23f8c495826be5d9f58803dd5137189df77ac03d09e5f350701cac64a0a80d7d3275586f86c25c7e2403cac60dfa","href":"https://static.observableusercontent.com/files/c0336a9aedde65ab297008794589e9aeb92f23f8c495826be5d9f58803dd5137189df77ac03d09e5f350701cac64a0a80d7d3275586f86c25c7e2403cac60dfa","name":"ByGenderLeaderExec.csv","type":"text/csv","lastModified":1625349826374.779,"size":80},{"id":"7739710342c6d21edd0b5cb6b12eb0b1b71146aed45135f742de708f0e3f3dcd0562ab972c7afa1078633a39239847c717c27a318cfd320bb3d3b078db5ccb3c","href":"https://static.observableusercontent.com/files/7739710342c6d21edd0b5cb6b12eb0b1b71146aed45135f742de708f0e3f3dcd0562ab972c7afa1078633a39239847c717c27a318cfd320bb3d3b078db5ccb3c","name":"ByOrgExec.csv","type":"text/csv","lastModified":1625349962367.671,"size":152},{"id":"ad5a4310f76abf522aaaa7e7401f77de4a2b27037aec0574f6cffe99dc884034e4f5d392cf331896fe82c6c6adac833fe62e43c4c0f2383670b76aa8c30ae196","href":"https://static.observableusercontent.com/files/ad5a4310f76abf522aaaa7e7401f77de4a2b27037aec0574f6cffe99dc884034e4f5d392cf331896fe82c6c6adac833fe62e43c4c0f2383670b76aa8c30ae196","name":"ByLicenseeExec.csv","type":"text/csv","lastModified":1625349962351.791,"size":150},{"id":"b7431a3a4068707e08718fc8a9089b3c0a3248a2997c5ad88a70434c319f9c13917a50f179b644e08dfeb9c33528474a2038a5835579b05604f7ad472db1133c","href":"https://static.observableusercontent.com/files/b7431a3a4068707e08718fc8a9089b3c0a3248a2997c5ad88a70434c319f9c13917a50f179b644e08dfeb9c33528474a2038a5835579b05604f7ad472db1133c","name":"ByRole.csv","type":"text/csv","lastModified":1626060816948.807,"size":531},{"id":"1a0c918059d0f6b7b01491acf4b7ca88d908fbe31a79d770a67b552186bc870528851e6bb2b12f164813a39982d94e0457f1f24a9254da75007e619347365659","href":"https://static.observableusercontent.com/files/1a0c918059d0f6b7b01491acf4b7ca88d908fbe31a79d770a67b552186bc870528851e6bb2b12f164813a39982d94e0457f1f24a9254da75007e619347365659","name":"ByGender@1.csv","type":"text/csv","lastModified":1629773762271.703,"size":153},{"id":"7dde84f62b94bfc2669a5dd646c099d73f07cbc5d1894117574645e940ef73ff141f41a73fe7b67b5ab87a0bb6f1de0387230db93a3830b1e249a2b729e5f534","href":"https://static.observableusercontent.com/files/7dde84f62b94bfc2669a5dd646c099d73f07cbc5d1894117574645e940ef73ff141f41a73fe7b67b5ab87a0bb6f1de0387230db93a3830b1e249a2b729e5f534","name":"ByRace@1.csv","type":"text/csv","lastModified":1629773853815.939,"size":310},{"id":"daa0801490f5afb777474fe16e94d1fa3b428f14bb3e51ae1ecad960311fe011a321c08760545d2f7c1bf5d38b0aa76c4404d4c807270217876057b9d1e3da73","href":"https://static.observableusercontent.com/files/daa0801490f5afb777474fe16e94d1fa3b428f14bb3e51ae1ecad960311fe011a321c08760545d2f7c1bf5d38b0aa76c4404d4c807270217876057b9d1e3da73","name":"ByUnion@1.csv","type":"text/csv","lastModified":1629773750867.453,"size":48},{"id":"c19245349b5e0721c10b60a873f3e401b64e59014fa1f13a3a3beebf3de37dc69199e2a44987a8353a83d5da745e851deb73cd41c067f96bd3912bdb8986b79a","href":"https://static.observableusercontent.com/files/c19245349b5e0721c10b60a873f3e401b64e59014fa1f13a3a3beebf3de37dc69199e2a44987a8353a83d5da745e851deb73cd41c067f96bd3912bdb8986b79a","name":"ByUnionNews@1.csv","type":"text/csv","lastModified":1629773741653.926,"size":47},{"id":"6e2424269a8b81581cf1304839eecaa4ffa5a9fead9f804ffcfcb44474f2e51fb0b30b8b567ff53c46660144255f7218e40caad289f2eb16e3f7b1cfda81af57","href":"https://static.observableusercontent.com/files/6e2424269a8b81581cf1304839eecaa4ffa5a9fead9f804ffcfcb44474f2e51fb0b30b8b567ff53c46660144255f7218e40caad289f2eb16e3f7b1cfda81af57","name":"ByOrg@1.csv","type":"text/csv","lastModified":1629773733561.767,"size":135},{"id":"c1c3f82f1b12ef483374e2d1e5ea55bfcad6ccc43aaed5b707a7950015c0bd023a176a710179a92215a3e7335b950bcfc3abe5df8538751d92a775494330a168","href":"https://static.observableusercontent.com/files/c1c3f82f1b12ef483374e2d1e5ea55bfcad6ccc43aaed5b707a7950015c0bd023a176a710179a92215a3e7335b950bcfc3abe5df8538751d92a775494330a168","name":"ByOrgNews@1.csv","type":"text/csv","lastModified":1629773693908.62,"size":133},{"id":"3ad31f2e70036a6e46f2f736000f6acb668fdb29d0b2d59f5ee76ed67fefebda8af2337694ca80c479d5dfed36ec6c44461187ee9c68d6f737ddb6bc059a26be","href":"https://static.observableusercontent.com/files/3ad31f2e70036a6e46f2f736000f6acb668fdb29d0b2d59f5ee76ed67fefebda8af2337694ca80c479d5dfed36ec6c44461187ee9c68d6f737ddb6bc059a26be","name":"ByLicensee@1.csv","type":"text/csv","lastModified":1629773678640.832,"size":144},{"id":"e85067f12417413f10d739ecc68c5343aaf0b6f4547c36cbb64fdd0d7d2195d628d08c40445959cc630f3f8000c040c2c02ccf4c635cc9c41a1c8738b5ecedd0","href":"https://static.observableusercontent.com/files/e85067f12417413f10d739ecc68c5343aaf0b6f4547c36cbb64fdd0d7d2195d628d08c40445959cc630f3f8000c040c2c02ccf4c635cc9c41a1c8738b5ecedd0","name":"colByLicensee@1.csv","type":"text/csv","lastModified":1629773666115.076,"size":149},{"id":"e89a0b8d9d48a934fccfbe425b4b02bd9543bd5fa2601d51a14d0ab5cdb411adfef6aa91d4cf3c9315ddfb62d29518008a2f96906f793e8ed47dae9df47b5d5a","href":"https://static.observableusercontent.com/files/e89a0b8d9d48a934fccfbe425b4b02bd9543bd5fa2601d51a14d0ab5cdb411adfef6aa91d4cf3c9315ddfb62d29518008a2f96906f793e8ed47dae9df47b5d5a","name":"ByLicenseeNews@1.csv","type":"text/csv","lastModified":1629773656265.544,"size":132},{"id":"cbed71a07b24d0b5974af97bce6dc2fd316a9a76c4b2b764b57442425b33085c313cdd19a86e09b82f532dd2fa9541692daec7ac520eb85555c64416b204cd20","href":"https://static.observableusercontent.com/files/cbed71a07b24d0b5974af97bce6dc2fd316a9a76c4b2b764b57442425b33085c313cdd19a86e09b82f532dd2fa9541692daec7ac520eb85555c64416b204cd20","name":"ByAge@1.csv","type":"text/csv","lastModified":1629773644442.447,"size":128},{"id":"203a1c7263ee30e7bf05b01700b306ba0258c985056dc5bff870d19a0b43cbe4f6716d342dac0d830cb6e60fbbc6b5e68b8e8ff8b7860d1d39cd3fe137ee0d70","href":"https://static.observableusercontent.com/files/203a1c7263ee30e7bf05b01700b306ba0258c985056dc5bff870d19a0b43cbe4f6716d342dac0d830cb6e60fbbc6b5e68b8e8ff8b7860d1d39cd3fe137ee0d70","name":"ByGenderLeaderExec@1.csv","type":"text/csv","lastModified":1629773631591.439,"size":66},{"id":"8a042b28ec05892370444bd4f9be59f7840c04eee49204ee3c24d5867f160ef34c08a45e825752c702cb8b0d6e121591fb81275ae11d3a569f94db3a64911390","href":"https://static.observableusercontent.com/files/8a042b28ec05892370444bd4f9be59f7840c04eee49204ee3c24d5867f160ef34c08a45e825752c702cb8b0d6e121591fb81275ae11d3a569f94db3a64911390","name":"ByLicenseeExec@1.csv","type":"text/csv","lastModified":1629773607980.792,"size":151},{"id":"4afae68c2386676fe8be9c9a4b2c3dab57e3d9d93641f1a2fda6ab35e01488f9cd7dacab187db58230318688b1ffb210433d923da7c209ee6e3d3d8afbbd58ed","href":"https://static.observableusercontent.com/files/4afae68c2386676fe8be9c9a4b2c3dab57e3d9d93641f1a2fda6ab35e01488f9cd7dacab187db58230318688b1ffb210433d923da7c209ee6e3d3d8afbbd58ed","name":"ByOrgExec@1.csv","type":"text/csv","lastModified":1629773581517.017,"size":152},{"id":"3eaeec616bbd3c81dded7a5857d73451afa2f0bfb275f02095295cf75b16f2740b29f626153e318962944a9c9ee8c8ec8fff6e881aa3c240e83c3895c6915b5d","href":"https://static.observableusercontent.com/files/3eaeec616bbd3c81dded7a5857d73451afa2f0bfb275f02095295cf75b16f2740b29f626153e318962944a9c9ee8c8ec8fff6e881aa3c240e83c3895c6915b5d","name":"ByRole@2.csv","type":"text/csv","lastModified":1629773498395.284,"size":1334},{"id":"a7bfa8c44ae39f0ac02695817a6a47874eab6200f6119a0cc363ea8b396c8aa67f477d15e5b3199b51e00c7b17392b42091441924ae6f82ece7fdfbc22b9d6c8","href":"https://static.observableusercontent.com/files/a7bfa8c44ae39f0ac02695817a6a47874eab6200f6119a0cc363ea8b396c8aa67f477d15e5b3199b51e00c7b17392b42091441924ae6f82ece7fdfbc22b9d6c8","name":"SalarySurveyDataCleaned@2.csv","type":"text/csv","lastModified":1630376804487.432,"size":275645}] 2f:{"title":"Public Media Salary Survey Interactive Embeds","cells":[{"id":0,"value":"md`# Public Media Salary Survey Interactive Embeds`","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"viewofFilter = (data, field, value) => {\n return (value == 'All') ? data : data.filter(d => d[field] == value)\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":147,"value":"filter = (data, key, value) => {\n if (value == \"All\")\n return data\n return data.filter(d => d[key] == value);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"md`## Embeds`","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"md`Optional histogram that readers could filter by job type?`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"viewof role = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"main = histogram(viewofFilter(data, 'Role', role), 'steelblue', `Salary Distribution by Role, ${role}`, 1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":265,"value":"usmap = map","pinned":true,"hidden":false,"mode":"ojs"},{"id":363,"value":"roleSalary = bar(byRole, 'Q2', 'Role', 'steelblue', 'Median Salary by Role')","pinned":true,"hidden":false,"mode":"ojs"},{"id":76,"value":"raceBreakdown = singleBar(byRace, 'Respondent Breakdown by Race')","pinned":false,"hidden":false,"mode":"ojs"},{"id":73,"value":"genderBreakdown = singleBar(byGender, 'Respondent Breakdown by Gender')","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"genderSalary = bar(byGender, 'MedianSalary', 'Field', 'steelblue', 'Median Salary by Gender')","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"unionSalary = bar(byUnion, 'median', 'Q9', 'steelblue', 'Median Salary by Union Membership')","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"unionSalaryNews = bar(byUnionNews, 'median', 'Q9', '#ffc87c', 'Median Salary by Union Membership, News Positions')","pinned":false,"hidden":false,"mode":"ojs"},{"id":146,"value":"colUnion = histogram(filter(data.filter(d => d.COL), 'Q9', 'Yes'), 'steelblue', 'Cost of Living Index for Unionized Employees', 0, 1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":158,"value":"colNonunion = histogram(filter(data.filter(d => d.COL), 'Q9', 'No'), '#ffc87c', 'Cost of Living Index for Nonunionized Employees', 1, 1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":164,"value":"orgSalary = bar(byOrg, 'median', 'Q5', 'steelblue', 'Median Salary by Organization Type')","pinned":false,"hidden":false,"mode":"ojs"},{"id":168,"value":"newsOrgSalary = bar(byOrgNews, 'median', 'Q5', '#ffc87c', 'Median Salary by Organization Type, News Positions')","pinned":false,"hidden":false,"mode":"ojs"},{"id":176,"value":"licenseeSalary = bar(byLicensee, 'median', 'Q6', 'steelblue', 'Median Salary by Licensee')","pinned":false,"hidden":false,"mode":"ojs"},{"id":173,"value":"licenseeSalaryNews = bar(byLicenseeNews, 'median', 'Q6', '#ffc87c', 'Median Salary by Licensee, News Positions')","pinned":false,"hidden":false,"mode":"ojs"},{"id":182,"value":"ageSalary = bar(byAge, 'median', 'age_group', 'steelblue', 'Median Salary by Age Range', 'age_group')","pinned":false,"hidden":false,"mode":"ojs"},{"id":188,"value":"genderBreakdownExec = singleBar(byGenderExec, 'Respondent Breakdown by Gender, Executive Positions')","pinned":false,"hidden":false,"mode":"ojs"},{"id":191,"value":"genderSalaryExec = bar(byGenderExec, 'MedianSalary', 'Field', 'steelblue', 'Median Salary by Gender, Executive Positions')","pinned":false,"hidden":false,"mode":"ojs"},{"id":195,"value":"orgSalaryExec = bar(byOrgExec, 'MedianSalary', 'Field', 'steelblue', 'Median Salary by Organization Type, Executive Positions')","pinned":false,"hidden":false,"mode":"ojs"},{"id":204,"value":"licenseeSalaryExec = bar(byLicenseeExec, 'MedianSalary', 'Field', '#ffc87c', 'Median Salary by Licensee Type, Executive Positions')","pinned":false,"hidden":false,"mode":"ojs"},{"id":209,"value":"colLicensee = bar(colByLicensee, 'Cost of Living Index', 'Field', 'steelblue', 'Cost of Living by Licensee Type')","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"md`## Charting`","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"colorScale1 = (index) => {\n switch(index) {\n case 0:\n return \"steelblue\"\n break\n case 1:\n return \"#37bddb\"\n break\n case 2:\n return \"#b66ecc\"\n break\n case 3:\n return \"#e67ea2\"\n break\n case 4: \n return \"#ffc87c\"\n break\n case 5: \n return \"#f6f794\"\n break\n case 6:\n return \"#94db86\"\n default:\n return \"#49ad5b\"\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":289,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":417,"value":"wrap = (text, width) => {\n console.log(text);\n text.each(function() {\n var text = d3.select(this),\n words = text.text().replace(/\\//g, ' / ').split(/\\s+/).reverse(),\n word,\n line = [],\n lineNumber = 0,\n lineHeight = 1, // ems\n y = text.attr(\"y\"),\n dy = parseFloat(text.attr(\"dy\")),\n tspan = text.text(null).append(\"tspan\").attr(\"x\", -10).attr(\"y\", y).attr(\"dy\", dy + \"em\")\n while (word = words.pop()) {\n line.push(word)\n tspan.text(line.join(\" \"))\n if (tspan.node().getComputedTextLength() > width) {\n line.pop()\n tspan.text(line.join(\" \"))\n line = [word]\n ++lineNumber;\n tspan = text.append(\"tspan\").attr(\"x\", -10).attr(\"text-anchor\", \"end\").attr(\"y\", y).attr(\"dy\", `${lineHeight + dy}em`).text(word)\n }\n }\n text.attr(\"y\", -12*lineNumber)\n })\n }","pinned":true,"hidden":false,"mode":"ojs"},{"id":373,"value":"md`## Styling`","pinned":false,"hidden":false,"mode":"ojs"},{"id":376,"value":"titleFont = '1.20em'","pinned":true,"hidden":false,"mode":"ojs"},{"id":387,"value":"tickFont = \"0.75em\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":436,"value":"titleFontFam = \"Georiga\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":384,"value":"html`\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":21,"value":"md`## Files`","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"data = d3.csvParse(await FileAttachment(\"SalarySurveyDataCleaned@2.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":360,"value":"byRole = d3.csvParse(await FileAttachment(\"ByRole@2.csv\").text())","pinned":true,"hidden":false,"mode":"ojs"},{"id":51,"value":"byRace = d3.csvParse(await FileAttachment(\"ByRace@1.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"byGender = d3.csvParse(await FileAttachment(\"ByGender@1.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"byOrg = d3.csvParse(await FileAttachment(\"ByOrg@1.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"byOrgNews = d3.csvParse(await FileAttachment(\"ByOrgNews@1.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":90,"value":"byLicensee = d3.csvParse(await FileAttachment(\"ByLicensee@1.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":93,"value":"byLicenseeNews = d3.csvParse(await FileAttachment(\"ByLicenseeNews@1.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":99,"value":"byUnion = d3.csvParse(await FileAttachment(\"ByUnion@1.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":102,"value":"byUnionNews = d3.csvParse(await FileAttachment(\"ByUnionNews@1.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":105,"value":"colByLicensee = d3.csvParse(await FileAttachment(\"colByLicensee@1.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":108,"value":"byAge = d3.csvParse(await FileAttachment(\"ByAge@1.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":111,"value":"byGenderExec = d3.csvParse(await FileAttachment(\"ByGenderLeaderExec@1.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":115,"value":"byOrgExec = d3.csvParse(await FileAttachment(\"ByOrgExec@1.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":118,"value":"byLicenseeExec = d3.csvParse(await FileAttachment(\"ByLicenseeExec@1.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":259,"value":"byGenderLeaderExec = d3.csvParse(await FileAttachment(\"ByGenderLeaderExec@1.csv\").text())","pinned":true,"hidden":false,"mode":"ojs"},{"id":263,"value":"import { map } from '@jacoblagesse/us-map-testing'","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}