44:["$","title",null,{"children":"Summer of the Mariposas | cyanjiner | Observable"}] 4c:T62c,function char_chart(data) { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .attr("stroke-width", 2); const x = d3.scaleBand() .domain(data.map(d => d.character)) .range([margin.left, width - margin.right]) .padding(1); const xAxis = g => g .attr("transform", `translate(0,30)`) .call(d3.axisTop(x).tickSizeOuter(0)) .attr("text-anchor", "middle") .style("font-size", "Large") const y = d3.scaleLinear() .domain(d3.extent(data.map(d => d.rank))) //.domain(["transform", `translate(${margin.left -50},0)`]) .range([height - margin.bottom, margin.top]); // const yAxis = g => g // .attr("transform", `translate(${margin.left},0)`) // .call(d3.axisLeft(y)) const gx = svg.append("g").call(xAxis); // const gy = svg.append("g").call(yAxis); function handleMouseOver(d, i) { const that = d3.select(this); that.classed("word-hovered", true); } // handleMouseOver() function handleMouseOut(d, i) { d3.select(this) .classed("word-hovered", false); } // handleMouseOut() svg .append("g") .selectAll("text") .data(data) .join("text") .attr("x", d => x(d.character)) .attr("y", d => y(d.rank)) .style('fill', d =>`${colorMap[d.type]}`) .text(d => d.word) .attr("text-anchor" , "middle") .call(drag) .on("mouseover", handleMouseOver) .on("mouseout", handleMouseOut);; return svg.node(); }4d:[{"id":"979c6fd49a1e45b07c94837d5caea3f5292a3005c298d7dfc7a3b4ad6c761ec29219a3dcde11faada2a2542d3c659e0d028856e7d8e62b9120111d5e81917b0f","href":"https://static.observableusercontent.com/files/979c6fd49a1e45b07c94837d5caea3f5292a3005c298d7dfc7a3b4ad6c761ec29219a3dcde11faada2a2542d3c659e0d028856e7d8e62b9120111d5e81917b0f","name":"table_data-1.csv","type":"text/csv","lastModified":1684767832978.377,"size":1911},{"id":"953f9b370f96ae2f8b5dddb61cb9f25ceda376b9626e4a19b92e47dd474e19fd27d750831f4a93ba2ea9c7bd80ac4db5c9d702083868cebebfa5c4c8fedc9a08","href":"https://static.observableusercontent.com/files/953f9b370f96ae2f8b5dddb61cb9f25ceda376b9626e4a19b92e47dd474e19fd27d750831f4a93ba2ea9c7bd80ac4db5c9d702083868cebebfa5c4c8fedc9a08","name":"table_data-1@1.csv","type":"text/csv","lastModified":1684768234087.874,"size":2031}] 48:{"id":"11f23bd70aa94d5f","slug":"summer-of-the-mariposas","title":"Summer of the Mariposas","thumbnail":"d1b0ae1e4dcc30ae59f2e58ecce8bbce22ab921f7e450c5618faa99a8f569788","access_level":"public","create_time":"$D2023-05-22T15:03:36.721Z","update_time":"$D2023-06-01T08:01:20.257Z","view_time":null,"first_public_time":"$D2023-05-22T15:03:36.721Z","has_unpublished_edits":null,"fork":{"id":"1ca4728e0186ee80","slug":"drag-and-drop-election-calculator","title":"Drag and Drop Election Calculator","owner":{"id":"4e6523bb3379620c","login":"julbautista","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"1afe5cae17e2c0c6","login":"cyanjiner","name":"cyanjiner","avatar_url":"https://avatars-next.observableusercontent.com/8e2d5b386539ed23f6b998518e8bb56b7424376639edeb7b4abfcf53a59a3339","tier":"starter_2024","bio":"M.S. Ed Data Science @StanfordU\nB.A. CS & Psych @ WesleyanU","followed_by_you":false,"follows_you":false},"version":268,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"83dbc1a62414f05a","login":"cyanjiner","name":"cyanjiner","avatar_url":"https://avatars-next.observableusercontent.com/8e2d5b386539ed23f6b998518e8bb56b7424376639edeb7b4abfcf53a59a3339","tier":null,"bio":"M.S. Ed Data Science @StanfordU\nB.A. CS & Psych @ WesleyanU","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"83dbc1a62414f05a","login":"cyanjiner","name":"cyanjiner","avatar_url":"https://avatars-next.observableusercontent.com/8e2d5b386539ed23f6b998518e8bb56b7424376639edeb7b4abfcf53a59a3339","tier":null,"role":"editor"}],"comments":[{"id":"5c576378e59748b3","reply_to_id":null,"content":"show frequency as bars/dots (data involved)","create_time":"$D2023-05-22T20:18:53.798Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"83dbc1a62414f05a","login":"cyanjiner","name":"cyanjiner","avatar_url":"https://avatars-next.observableusercontent.com/8e2d5b386539ed23f6b998518e8bb56b7424376639edeb7b4abfcf53a59a3339","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Summer of the Mariposas","cells":[{"id":259,"value":"\n Summer of the Mariposas\n\n\n

Summer of the Mariposas

Top 15 Words by Main Characters Demo

\n \n Possession Words |\n Agent Verbs |\n Patient Verbs\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":218,"value":"viewof ref_button = Inputs.button(\"Refresh\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":215,"value":"char_demo = {\n ref_button;\n return char_chart(data);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"colorMap = {\n const colorMap = Object.create(null);\n \n colorMap.poss = '#31BB31';\n colorMap.agent_v = '#4B0092';\n colorMap.patient_v = '#D41159';\n\n return colorMap;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"drag = {\n\n function dragstarted(d) {\n d3.select(this).raise().classed(\"word-hovered\", true);\n }\n\n function dragged(d) {\n d3.select(this).attr(\"x\", d.x = d3.event.x).attr(\"y\", d.y = d3.event.y);\n }\n\n function dragended(d) {\n d3.select(this).classed(\"word-hovered\", false);\n }\n\n return d3.drag()\n .on(\"start\", dragstarted)\n .on(\"drag\", dragged)\n .on(\"end\", dragended);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"data = d3.csvParse(await FileAttachment(\"table_data-1@1.csv\").text(), d3.autoType)\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"margin = ({top: 55, right: 20, bottom: 25, left: 40})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"height = 600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":247,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":12,"value":"//width = 400","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":195,"value":"table_data1 = await FileAttachment(\"table_data-1@1.csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"table_data1","database":"$undefined"},{"id":236,"value":"import {textcolor} from \"@observablehq/text-color-annotations-in-markdown\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 24:null