27:null 28:["$","title",null,{"children":"cv | Meili Vanegas-Hernandez | Observable"}] 2d:T47d,libraries = [ { type: "Libraries, Frameworks & Tools", technology: "NodeJS", experience: 4, recency: 3 }, { type: "Libraries, Frameworks & Tools", technology: "Jupyter Notebooks", experience: 5, recency: 5 }, { type: "Libraries, Frameworks & Tools", technology: "Tableau", experience: 4, recency: 5 }, { type: "Libraries, Frameworks & Tools", technology: "Django", experience: 3, recency: 3 }, { type: "Libraries, Frameworks & Tools", technology: "Pandas", experience: 5, recency: 5 }, { type: "Libraries, Frameworks & Tools", technology: "Numpy", experience: 5, recency: 5 }, { type: "Libraries, Frameworks & Tools", technology: "D3.js", experience: 5, recency: 4 }, { type: "Libraries, Frameworks & Tools", technology: "AngularJS", experience: 3, recency: 3 }, { type: "Libraries, Frameworks & Tools", technology: "ReactJS", experience: 3, recency: 3 }, { type: "Libraries, Frameworks & Tools", technology: "PySpark", experience: 4, recency: 5 } ]2e:T634,async function createChart(data) { var margin = { top: 0, right: 30, bottom: 25, left: 150 }; var width = 400 - margin.left - margin.right; var height = data.length * 18 + 18 - margin.top - margin.bottom; var svg = d3.create("svg"); svg .attr("width", width + margin.left + margin.right) .attr("height", height + margin.top + margin.bottom) .append("g") .attr("transform", "translate(" + margin.left + "," + margin.bottom + ")"); var x = d3.scaleLinear().domain([1, 5]).range([margin.left, width]); var y = d3 .scaleLinear() .domain([data.length, 1]) .range([margin.bottom, height]); svg .append("text") .attr("x", 10) .attr("y", 20) .text(data[0].type) .style("font-family", "Roboto"); let groups = svg .selectAll(`.${data[0].type.replaceAll(" ", "").replaceAll("&", "")}`) .data(data) .enter() .append("g") .attr("class", `.${data[0].type.replaceAll(" ", "").replaceAll("&", "")}`); for (let index = 0; index < 5; ++index) { groups .append("circle") .attr("cx", (d) => x(index)) .attr("cy", (d, i) => y(i)) .attr("r", 7) .style("fill", (d) => index < d.experience ? colors[d.recency - 1] : "white" ) .style("opacity", 0.9) .style("stroke", (d) => (index < d.experience ? "grey" : "white")); } groups .append("text") .attr("x", (d) => 10) .attr("y", (d, i) => y(i)) .text((d) => d.technology) .style("fill", "black") .style("font-size", "11px") .style("font-family", "Roboto"); return svg.node(); }2f:T4a8,async function createLegend(data) { var margin = { top: 0, right: 0, bottom: 0, left: 0 }; var width = data.length * 150 + 150 - margin.left - margin.right; var height = 100 - margin.top - margin.bottom; var svg = d3.create("svg"); svg .attr("width", width + margin.left + margin.right) .attr("height", height + margin.top + margin.bottom) .append("g") .attr("transform", "translate(" + margin.left + "," + margin.bottom + ")"); svg .append("text") .attr("x", 5) .attr("y", 15) .text("Legend. Recency of Usage") .style("font-size", "11px") .style("font-family", "Roboto"); let groups = svg .selectAll(".legend") .data(data) .enter() .append("g") .attr("class", ".legend"); groups .append("circle") .attr("cx", (d, i) => 10 + i * 150) .attr("cy", 35) .attr("r", 7) .style("fill", (d, i) => colors[i]) .style("opacity", 0.9) .style("stroke", (d) => "grey"); groups .append("text") .attr("x", (d, i) => i * 150 + 20) .attr("y", 40) .text((d) => d) .style("fill", "black") .style("font-size", "11px") .style("font-family", "Roboto"); return svg.node(); }30:[] 2b:{"id":"a6ca6ae7c0c37acd","slug":null,"title":"cv","thumbnail":"2058e3f8bb8884f90ba0949ea1cea15bae8c1e4dd41e570e37fc311565b0112e","access_level":"public","create_time":"$D2023-06-21T20:36:33.984Z","update_time":"$D2023-06-22T13:49:30.291Z","view_time":null,"first_public_time":"$D2023-06-21T20:36:33.984Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"7e421362d6355592","login":"meilivh","name":"Meili Vanegas-Hernandez","avatar_url":"https://avatars-next.observableusercontent.com/65fb99c719a764c44bbfab2b29aebc3a656d4d7555acc712e1a1a379bc5849fb","tier":"starter_2024"},"version":342,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"1eeec6caba8cf3b9","login":"meilivh","name":"Meili Vanegas-Hernandez","avatar_url":"https://avatars-next.observableusercontent.com/c39e2af6a77192324fc005b266944cfdbe7d008610a81905c77831fdd4e122b1","tier":null}],"members":[{"type":"individual","id":"1eeec6caba8cf3b9","login":"meilivh","name":"Meili Vanegas-Hernandez","avatar_url":"https://avatars-next.observableusercontent.com/c39e2af6a77192324fc005b266944cfdbe7d008610a81905c77831fdd4e122b1","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"cv","cells":[{"id":0,"value":"# cv","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":19,"value":"languageChart = html`

Levels of Expertise for Each Technology

${await createChart(\n await languages.sort((a, b) => a.experience - b.experience)\n)}${await createChart(\n await libraries.sort((a, b) => a.experience - b.experience)\n)}${await createChart(\n await cloud.sort((a, b) => a.experience - b.experience)\n)}${await createChart(\n await databases.sort((a, b) => a.experience - b.experience)\n)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":278,"value":"html`${await createLegend([\n \"Less Recent (>5y)\",\n \"Somewhat Recent (<3y)\",\n \"Moderately Recent (<1y)\",\n \"Recent (<6y)\",\n \"Very Recent (<1m)\"\n])}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"languages = [\n { type: \"Languages\", technology: \"Python\", experience: 5, recency: 5 },\n { type: \"Languages\", technology: \"JavaScript\", experience: 5, recency: 5 },\n { type: \"Languages\", technology: \"SQL\", experience: 5, recency: 5 },\n { type: \"Languages\", technology: \"Java\", experience: 3, recency: 1 },\n { type: \"Languages\", technology: \"C\", experience: 1, recency: 1 },\n { type: \"Languages\", technology: \"Swift\", experience: 1, recency: 1 },\n { type: \"Languages\", technology: \"HTML & CSS\", experience: 5, recency: 5 },\n { type: \"Languages\", technology: \"Matlab\", experience: 3, recency: 1 },\n { type: \"Languages\", technology: \"LaTeX\", experience: 3, recency: 5 }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"$2d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"cloud = [\n { type: \"Cloud\", technology: \"AWS Athena\", experience: 4, recency: 5 },\n { type: \"Cloud\", technology: \"AWS Redshift\", experience: 4, recency: 4 },\n { type: \"Cloud\", technology: \"AWS S3\", experience: 5, recency: 5 },\n { type: \"Cloud\", technology: \"AWS EC2\", experience: 4, recency: 4 },\n { type: \"Cloud\", technology: \"Docker\", experience: 3, recency: 4 },\n { type: \"Cloud\", technology: \"Kubernetes\", experience: 3, recency: 4 }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"databases = [\n { type: \"Databases\", technology: \"PostgreSQL\", experience: 5, recency: 2 },\n { type: \"Databases\", technology: \"MySQL\", experience: 5, recency: 5 },\n { type: \"Databases\", technology: \"Oracle\", experience: 5, recency: 3 },\n { type: \"Databases\", technology: \"Access\", experience: 3, recency: 1 },\n { type: \"Databases\", technology: \"Trino\", experience: 5, recency: 5 },\n { type: \"Databases\", technology: \"MongoDB\", experience: 3, recency: 3 },\n { type: \"Databases\", technology: \"Dynamo\", experience: 3, recency: 3 }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":187,"value":"\n\n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":273,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"colors = d3.schemeBlues[5]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":261,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":246,"value":"import { Swatches } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2c:"$2b:body"