3e:null 3f:["$","title",null,{"children":"\"Let every word weigh heavy of her worth\" | Rebecca Hicke | Observable"}] 45:T1fd2,{ // Determine which dataset to used based on radio button and filter appropriately let data = null; if (weightedOrNot === "Regular") { data = results.filter(d => d["Highest"] === "Yes"); } else if (weightedOrNot === "Weighted") { data = weighted_results.filter(d => d["Highest"] === "Yes"); } else { data = self_results.filter(d => d["Highest"] === "Yes"); } // Set graph size, margins, axes, and scaling functions let width = 1000, height = 600, margin = { top: 10, left: 60, bottom: 60, right: 60 }, xScale = d3.scalePoint() .domain(scenes) .range([margin.left, width - margin.right]) .padding(0.5), yScale = d3.scaleLinear() .domain([0, 9]) .range([height - margin.bottom, margin.top]), radScale = d3.scaleSqrt() .domain([1, 15]) .range([3, 13]), line = d3.line() .x(d => xScale(d["Scene"])) .y(d => yScale(d["Percentage"])) // Create graphical object const svg = d3.create('svg').attr('width', width).attr('height',height); // Graph axes svg.append('g') .attr('transform', `translate(0, ${height - margin.bottom})`) .call(d3.axisBottom(xScale)) .selectAll("text") .style("text-anchor", "end") .attr("dx", "-1em") .attr("dy", "-.6em") .attr("transform", `rotate(-90)`); svg.append('g') .attr('transform', `translate(${margin.left}, 0)`) .call(d3.axisLeft(yScale)) // Create line and dot object const playLines = svg.append("g") .attr("class", "play-lines"); for (let i = 0; i < plays.length; i++) { // Create lines for the major character in each play playLines.append("path") .datum(data.filter(d => d["Play"] === plays[i])) .attr("id", "path_" + plays[i].replaceAll(" ", "_").replaceAll("'", "")) .attr("class", "play_path tog") .attr("fill", "none") .attr("stroke", playToColor[plays[i]]) .attr("stroke-width", 3) .attr("d", line) .style("mix-blend-mode", "multiply") .on('mouseover', function(event, d) { // Highlight objects belonging to the hovered over line and gray out all others d3.selectAll('.dot_Plays').style('fill', n => n.Play === d[0].Play ? playToColor[d[0].Play] : '#ddd'); d3.selectAll('.play_path').style('stroke', n => n[0].Play === d[0].Play ? playToColor[plays[i]] : '#ddd'); }) .on('mouseout', function(event, d) { // Return all objects to their normal colors d3.selectAll('.play_path').style('stroke', n => playToColor[n[0].Play]); d3.selectAll('.dot_Plays').style('fill', n => playToColor[n.Play]); }) // Create a dot for each scene for the major character in each play playLines.selectAll(".dot_" + plays[i].replaceAll(" ", "_").replaceAll("'", "")) .data(data.filter(d => d["Play"] === plays[i])) .join("circle") .attr("class", "dot_" + plays[i].replaceAll(" ", "_").replaceAll("'", "") + " dot_Plays tog") .attr("fill", playToColor[plays[i]]) .attr("r", d => radScale(find_radius(weightedOrNot, d))) .attr("cx", d => xScale(d.Scene)) .attr("cy", d => yScale(d.Percentage)) .on('mouseover', function(event, d) { /* Highlight objects belonging to the hovered over dot and gray out all others * Create the text box with the appropriate x and y values and information */ d3.selectAll('.dot_Plays').style('fill', n => n.Play === d.Play ? playToColor[d.Play] : '#ddd'); d3.selectAll('.play_path').style('stroke', n => n[0].Play === d.Play ? playToColor[plays[i]] : '#ddd'); d3.select('#play-text').text(d.Play + " – " + d.Scene); d3.select('#speaker-text').text(d.Speaker); d3.select('#percent-text').text(d.Percentage.toFixed(2) + "%"); d3.select('#play-text').attr("x", calculateX(d3.pointer(event)[0], width, findWidth(d.Play + " – " + d.Scene)) + 10); d3.select('#play-text').attr("y", calculateY(d3.pointer(event)[1], height)); d3.select('#speaker-text').attr("x", calculateX(d3.pointer(event)[0], width, findWidth(d.Play + " – " + d.Scene)) + 10); d3.select('#speaker-text').attr("y", calculateY(d3.pointer(event)[1], height)+25); d3.select('#percent-text').attr("x", calculateX(d3.pointer(event)[0], width, findWidth(d.Play + " – " + d.Scene)) + 10); d3.select('#percent-text').attr("y", calculateY(d3.pointer(event)[1], height)+45); if (weightedOrNot == "Weighted") { // Add number of character information if on weighted view and adjust box size appropriately d3.select('#background-box').attr("x", calculateX(d3.pointer(event)[0], width, findWidth(d.Play + " – " + d.Scene))).attr("y", calculateY(d3.pointer(event)[1], height) - 20).attr("width", findWidth(d.Play + " – " + d.Scene)).attr("height", 95).attr('fill', '#f7f5f5').attr('stroke', 'black'); d3.select('#num-char-text').text(d.NumCharacters + " characters"); d3.select('#num-char-text').attr("x", calculateX(d3.pointer(event)[0], width, findWidth(d.Play + " – " + d.Scene)) + 10); d3.select('#num-char-text').attr("y", calculateY(d3.pointer(event)[1], height)+65); } else { // Create text box normally if view isn't weighted d3.select('#background-box').attr("x", calculateX(d3.pointer(event)[0], width, findWidth(d.Play + " – " + d.Scene))).attr("y", calculateY(d3.pointer(event)[1], height) - 20).attr("width", findWidth(d.Play + " – " + d.Scene)).attr("height", 75).attr('fill', '#f7f5f5').attr('stroke', 'black'); } }) .on('mouseout', function(event, d) { // Return all objects to their normal colors and erase text box d3.selectAll('.play_path').style('stroke', n => playToColor[n[0].Play]); d3.selectAll('.dot_Plays').style('fill', n => playToColor[n.Play]); d3.select('#background-box').attr('fill', '#00ff0000').attr('stroke', '#00ff0000'); d3.select('#play-text').text(""); d3.select('#speaker-text').text(""); d3.select('#percent-text').text(""); d3.select('#num-char-text').text(""); }) } // Create the hover box objects var hoverInfo = svg.append("g") .attr("class", "hover-info") .attr('pointer-events', 'none') .style('font', '16px times') .style('font-weight', 'bold') .attr('x', 80) .attr('y', 100); hoverInfo.append('rect') .attr("id", "background-box") .attr("stroke-width", 1.5) .attr("rx", 15); hoverInfo.append('text') .attr("id", "play-text") .attr('x', 80) .attr('y', 100); hoverInfo.append('text') .attr("id", "speaker-text") .attr('x', 80) .attr('y', 130); hoverInfo.append('text') .attr("id", "percent-text") .attr('x', 80) .attr('y', 155); hoverInfo.append('text') .attr("id", "num-char-text") .attr('x', 80) .attr('y', 175); // Create the appropriate y-axis label depending on the view if (weightedOrNot === "Regular" || weightedOrNot === "Spoken to Audience") { svg.append('text') .attr('class', 'axis-label') .style("font", "16px times") .style('font-weight', 'bold') .classed('rotation', true) .text("Percentage of Total Words") .attr('transform', 'rotate(-90)') .attr('x', -360) .attr('y', 20); } else { svg.append('text') .attr('class', 'axis-label') .style("font", "16px times") .style('font-weight', 'bold') .classed('rotation', true) .text("Percentage of Total Impact") .attr('transform', 'rotate(-90)') .attr('x', -360) .attr('y', 20); } // Create the y-axis label svg.append('text') .attr('class', 'axis-label') .style("font", "16px times") .style('font-weight', 'bold') .text("Scene") .attr('x', (width - margin.left - margin.right)/2) .attr('y', height - 8); return svg.node() }46:T9bb,{ // Filter the data to only information on the selected play let data = play_statistics.filter(d => d["Play"] === playSelect)[0]; // Set height and width, with height dependent on the # of characters let width = 1000, height = 120 + Object.keys(data["WeightedCharRanks"]).length*25; const svg = d3.create('svg').attr('width', width).attr('height',height); // Create and place rank text svg.append('text') .style("font", "16px times") .style("font-weight", "bold") .text("Rank: ") .attr("x", 20) .attr("y", 50) svg.append('text') .style("font", "16px times") .text(data["Rank"] + "\xa0\xa0\xa0(" + data["RankValue"].toFixed(2) + "%)") .attr("x", 78) .attr("y", 50) svg.append('text') .style("font", "16px times") .style("font-weight", "bold") .text("Weighted Rank: ") .attr("x", 275) .attr("y", 50) svg.append('text') .style("font", "16px times") .text(data["WeightedRank"] + "\xa0\xa0\xa0(" + data["WeightedRankValue"].toFixed(2) + "%)") .attr("x", 403) .attr("y", 50) // Add the unweighted rank of each female character svg.append('text') .style("font", "16px times") .style("font-weight", "bold") .text("Female Characters Ranked:") .attr("x", 20) .attr("y", 85) for (let i = 0; i < Object.keys(data["CharRanks"]).length; i++) { // Determine y value let y = 110 + i*25; // Capitalize name appropriately let name = capitalize_name(data, i+1); // Add unweighted rank svg.append('text') .style("font", "16px times") .text((i + 1).toString() + ". " + name + "\xa0\xa0\xa0(" + data["CharRankValues"][data["CharRanks"][i+1]].toFixed(2) + "%)") .attr("x", 40) .attr("y", y) } // Add the weighted rank of each female character svg.append('text') .style("font", "16px times") .style("font-weight", "bold") .text("Female Characters Weighted Ranked:") .attr("x", 275) .attr("y", 85) for (let i = 0; i < Object.keys(data["WeightedCharRanks"]).length; i++) { // Determine the y value let y = 110 + i*25; // Capitalize name appropriately let name = capitalize_name(data, i+1); // Add weighted rank svg.append('text') .style("font", "16px times") .text((i + 1).toString() + ". " + name + "\xa0\xa0\xa0(" + data["WeightedCharRankValues"][data["WeightedCharRanks"][i+1]].toFixed(2) + "%)") .attr("x", 305) .attr("y", y) } return svg.node() }47:T2015,{ // Determine which dataset to used based on radio button and filter appropriately let data = null; if (weightedOrNotPlay === "Regular") { data = results.filter(d => d["Play"] === playSelect); } else if (weightedOrNotPlay === "Weighted") { data = weighted_results.filter(d => d["Play"] === playSelect); } else { data = self_results.filter(d => d["Play"] === playSelect); } // Find play colors and create the appropriate character to color dictionary let chars = find_char_list_for_play(playSelect); let charToColor = create_char_dict(chars); // Set graph size, margins, axes, and scaling functions let width = 1000, height = 600, margin = { top: 10, left: 60, bottom: 60, right: 60 }, xScale = d3.scalePoint() .domain(scenes) .range([margin.left, width - margin.right]) .padding(0.5), yScale = d3.scaleLinear() .domain([0, 15]) .range([height - margin.bottom, margin.top]), radScale = d3.scaleSqrt() .domain([1, 15]) .range([3, 13]), line = d3.line() .x(d => xScale(d["Scene"])) .y(d => yScale(d["Percentage"])) // Create graphical object const svg = d3.create('svg').attr('width', width).attr('height',height); // Graph axes svg.append('g') .attr('transform', `translate(0, ${height - margin.bottom})`) .call(d3.axisBottom(xScale).tickSizeOuter(0)) .selectAll("text") .style("text-anchor", "end") .attr("dx", "-1em") .attr("dy", "-.6em") .attr("transform", `rotate(-90)`); svg.append('g') .attr('transform', `translate(${margin.left}, 0)`) .call(d3.axisLeft(yScale)) // Create line and dot object const charLines = svg.append("g") .attr("class", "char-lines"); for (let i = 0; i < chars.length; i++) { // Create lines for each female character in the play charLines.append("path") .datum(data.filter(d => d["Speaker"] === chars[i])) .attr("id", "path_" + chars[i].replaceAll(" ", "_").replaceAll("'", "")) .attr("class", "char_path tog") .attr("fill", "none") .attr("stroke", charToColor[chars[i]]) .attr("stroke-width", 3) .attr("d", line) .style("mix-blend-mode", "multiply") .on('mouseover', function(event, d) { // Highlight objects belonging to the hovered over line and gray out all others d3.selectAll('.dot_Chars').style('fill', n => get_hover_color(d[0].Speaker, n.Speaker, charToColor)); d3.selectAll('.char_path').style('stroke', n => get_hover_color(d[0].Speaker, n[0].Speaker, charToColor)); }) .on('mouseout', function(event, d) { // Return all objects to their normal colors d3.selectAll('.char_path').style('stroke', n => charToColor[n[0].Speaker]); d3.selectAll('.dot_Chars').style('fill', n => charToColor[n.Speaker]); }) // Create a dot for each scene for each character in the play charLines.selectAll(".dot_" + chars[i].replaceAll(" ", "_").replaceAll("'", "")) .data(data.filter(d => d["Speaker"] === chars[i])) .join("circle") .attr("class", "dot_" + chars[i].replaceAll(" ", "_").replaceAll("'", "") + " dot_Chars tog") .attr("fill", charToColor[chars[i]]) .attr("r", d => radScale(find_radius(weightedOrNotPlay, d))) .attr("cx", d => xScale(d.Scene)) .attr("cy", d => yScale(d.Percentage)) .on('mouseover', function(event, d) { // Highlight objects belonging to the hovered over dot and gray out all others d3.selectAll('.dot_Chars').style('fill', n => get_hover_color(d.Speaker, n.Speaker, charToColor)); d3.selectAll('.char_path').style('stroke', n => get_hover_color(d.Speaker, n[0].Speaker, charToColor)); // Determine view-specific information let to_measure, h; if (weightedOrNotPlay == "Weighted") { // If the view is weighted, calculate information strings and figure out which to use to determine the text box width let char_str = d.NumCharacters + " characters"; let speaker_str = d.Speaker + " – " + d.Scene; if (char_str.length > speaker_str.length) { to_measure = char_str; } else { to_measure = speaker_str; } // Set text box height for weighted view h = 75; // Add the weighted view specific information to text box d3.select('#num-char-text-sp').text(char_str); d3.select('#num-char-text-sp').attr("x", calculateX(d3.pointer(event)[0], width-margin.right, findWidthSp(to_measure)) + 10); d3.select('#num-char-text-sp').attr("y", calculateY(d3.pointer(event)[1], height)+45); } else { // Determine height and string to use to calculate text box width for unweighted views to_measure = d.Speaker + " – " + d.Scene; h = 55; } // Create the text box with the appropriate x and y values and information d3.select('#speaker-text-sp').text(d.Speaker + " – " + d.Scene); d3.select('#percent-text-sp').text(d.Percentage.toFixed(2) + "%"); d3.select('#speaker-text-sp').attr("x", calculateX(d3.pointer(event)[0], width-margin.right, findWidthSp(to_measure)) + 10); d3.select('#speaker-text-sp').attr("y", calculateY(d3.pointer(event)[1], height)); d3.select('#percent-text-sp').attr("x", calculateX(d3.pointer(event)[0], width-margin.right, findWidthSp(to_measure)) + 10); d3.select('#percent-text-sp').attr("y", calculateY(d3.pointer(event)[1], height)+25); d3.select('#background-box-sp').attr("x", calculateX(d3.pointer(event)[0], width-margin.right, findWidthSp(to_measure))).attr("y", calculateY(d3.pointer(event)[1], height) - 20).attr("width", findWidthSp(to_measure)).attr("height", h).attr('fill', '#f7f5f5').attr('stroke', 'black'); }) .on('mouseout', function(event, d) { // Return all objects to their normal colors and erase text box d3.selectAll('.char_path').style('stroke', n => charToColor[n[0].Speaker]); d3.selectAll('.dot_Chars').style('fill', n => charToColor[n.Speaker]); d3.select('#background-box-sp').attr('fill', '#00ff0000').attr('stroke', '#00ff0000'); d3.select('#speaker-text-sp').text(""); d3.select('#percent-text-sp').text(""); d3.select('#num-char-text-sp').text(""); }) } // Create the hover box objects var hoverInfoSp = svg.append("g") .attr("class", "hover-info") .attr('pointer-events', 'none') .style('font', '16px times') .style('font-weight', 'bold') .attr('x', 80) .attr('y', 100); hoverInfoSp.append('rect') .attr("id", "background-box-sp") .attr("stroke-width", 1.5) .attr("rx", 15); hoverInfoSp.append('text') .attr("id", "speaker-text-sp") .attr('x', 80) .attr('y', 100); hoverInfoSp.append('text') .attr("id", "percent-text-sp") .attr('x', 80) .attr('y', 130); hoverInfoSp.append('text') .attr("id", "num-char-text-sp") .attr('x', 80) .attr('y', 130); // Create the appropriate y-axis label depending on the view if (weightedOrNotPlay === "Regular" || weightedOrNotPlay === "Spoken to Audience") { svg.append('text') .attr('class', 'axis-label-sp') .style("font", "16px times") .style('font-weight', 'bold') .text("Percentage of Total Words") .attr('transform', 'rotate(-90)') .attr('x', -360) .attr('y', 20); } else { svg.append('text') .attr('class', 'axis-label-sp') .style("font", "16px times") .style('font-weight', 'bold') .text("Percentage of Total Impact") .attr('transform', 'rotate(-90)') .attr('x', -360) .attr('y', 20); } // Create the y-axis label svg.append('text') .attr('class', 'axis-label-sp') .style("font", "16px times") .style('font-weight', 'bold') .text("Scene") .attr('x', (width - margin.left - margin.right)/2) .attr('y', height - 8); return svg.node() }48:[{"id":"02262d07180ee8fe303b1ed5a3f4fb1080a90ecdfea07a72ea6e9d99fcad1995a2524c3c797c0efdcbcc679d3cc7c8dcd0d6ed3dfb26ac1397fe4911d795b7e8","href":"https://static.observableusercontent.com/files/02262d07180ee8fe303b1ed5a3f4fb1080a90ecdfea07a72ea6e9d99fcad1995a2524c3c797c0efdcbcc679d3cc7c8dcd0d6ed3dfb26ac1397fe4911d795b7e8","name":"play_statistics@24.json","type":"application/json","lastModified":1645815563537.858,"size":10154},{"id":"f07e76d85f613ae448b5cf82a58c41451e3ddf719d2f3c4e40eca64d78e7135925ce9ca3edfee6d8572680dd015b449b2fe960730aa24fdd43e5c36a1d4fd2ef","href":"https://static.observableusercontent.com/files/f07e76d85f613ae448b5cf82a58c41451e3ddf719d2f3c4e40eca64d78e7135925ce9ca3edfee6d8572680dd015b449b2fe960730aa24fdd43e5c36a1d4fd2ef","name":"self_results@26.json","type":"application/json","lastModified":1645815563786.419,"size":145243},{"id":"a9f059e58b23db2c12fd0e5b66c845b7b7446978be668dfd7c3705c3cc6a7e36ff9618c6bb7ed69d4b96209cca6483c6cbc9d81a26e2dba4f48cd670a837a5b9","href":"https://static.observableusercontent.com/files/a9f059e58b23db2c12fd0e5b66c845b7b7446978be668dfd7c3705c3cc6a7e36ff9618c6bb7ed69d4b96209cca6483c6cbc9d81a26e2dba4f48cd670a837a5b9","name":"results@32.json","type":"application/json","lastModified":1645815563789.343,"size":151698},{"id":"5025f8a2f39da7a98ad5611d9eefc8d9abb20982b747343f52a10b8e4056517e376c217bcb0e9aead249dbd161c72eb06268caa1e1de2a6e03a65e5a48f858a6","href":"https://static.observableusercontent.com/files/5025f8a2f39da7a98ad5611d9eefc8d9abb20982b747343f52a10b8e4056517e376c217bcb0e9aead249dbd161c72eb06268caa1e1de2a6e03a65e5a48f858a6","name":"weighted_results@32.json","type":"application/json","lastModified":1645815563795.147,"size":177781}] 43:{"id":"82dab57f2f5e2fa4","slug":"let-every-word-weigh-heavy-of-her-worth","title":"\"Let every word weigh heavy of her worth\"","thumbnail":"1b7a3f81204aed0a004ea40917a03a36fe5749c4708eaa919863aa4ac5add367","access_level":"public","create_time":"$D2022-01-14T20:02:22.763Z","update_time":"$D2022-08-11T17:47:59.317Z","view_time":null,"first_public_time":"$D2022-03-10T21:18:04.821Z","has_unpublished_edits":null,"fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"04dfeb9ab7eecd43","login":"hicker","name":"Rebecca Hicke","avatar_url":"https://avatars-next.observableusercontent.com/72a33b5acc5a290e99cb9a0145ce84b8b46ed20b75edc07d2a8d943d65f50721","tier":"starter_2024","bio":""},"version":1207,"publish_version":1207,"role":null,"authored":false,"authors":[{"type":"individual","id":"e8f638946f93e45c","login":"hicker","name":"Rebecca Hicke","avatar_url":"https://avatars-next.observableusercontent.com/72a33b5acc5a290e99cb9a0145ce84b8b46ed20b75edc07d2a8d943d65f50721","tier":null,"bio":""}],"members":[{"type":"individual","id":"e8f638946f93e45c","login":"hicker","name":"Rebecca Hicke","avatar_url":"https://avatars-next.observableusercontent.com/72a33b5acc5a290e99cb9a0145ce84b8b46ed20b75edc07d2a8d943d65f50721","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"\"Let every word weigh heavy of her worth\"","cells":[{"id":0,"value":"

\"Let every word weigh heavy of her worth\"

\nExamining How Women Enact Power in Shakespeare's Comedies through Interactive Speech Pattern Visualizations","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1057,"value":"html`by Rebecca Hicke`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1049,"value":"## Overview","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1054,"value":"These visualizations are part of my senior thesis project for the English major at Carleton College. The annotations and processing code used to create the dataset are [available here](https://github.com/rmatouschekh/shakespeare_comedy_annotations.git). The analysis essay I wrote to supplement this work is [available here](https://drive.google.com/file/d/1FOa3QzeRZBNMGZac3CEP0_7STExmZKrd/view?usp=sharing). For the purpose of this study, I define the comedies as the fourteen plays labeled as such in the First Folio. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1098,"value":"This site offers two main visualization interfaces. The first is an all-play view entitled **Most Prominent Female Speakers in Each Play**, which includes a trend line for the female character with the greatest total impact in each play. I describe how impact is calculated below. The second is a play-specific view entitled **Female Speakers by Play**, which has a trend line for each female speaker in the selected play. The drop-down menu that allows you to select a specific play is ordered by the weighted rank of each play, or the play's rank when they are ordered by the percent of the total impact that is contributed by women. Specific statistics are shown for each play including the rank by total percentage of words spoken by women, the rank by total percentage of impact contributed by women, and the female characters in the play ranked by percentage of words spoken and total impact contributed. The exact percentage of total words spoken or total impact contributed is included for each of these rankings.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1125,"value":"Both of the views have three modes: **Regular**, **Weighted**, and **Spoken to Audience**.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1131,"value":"* **Regular:** Each point represents the percentage of the total words in a play that a character speaks in a scene.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1144,"value":"* **Weighted:** Each point represents the percentage of a play's total impact contributed by a character in a scene. I calculate the impact of a section of speech by multiplying the number of words spoken by how many characters it is spoken to. Total impact is all of the impact metrics for each character summed. All unnamed characters are grouped together and labeled as 'Other' and given the same weight as one named character. Sections of speech that fall under the **Spoken to Audience** section are not included in these calculations. The radius of each point in this mode is scaled by the number of characters spoken to.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1151,"value":"* **Spoken to Audience:** Each point represents the percentage of a play's total words that a characters speaks as an aside, soliloquy, or general exclamation in a scene.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":407,"value":"## Most Prominent Female Speakers in Each Play","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":58,"value":"viewof weightedOrNot = radio({\n title: 'Select which dataset to display on the line graph:',\n options: ['Regular', 'Weighted', \"Spoken to Audience\"],\n value: 'Regular'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":278,"value":"swatches({\n color: d3.scaleOrdinal(Object.keys(playToColor), colors),\n columns: \"180px\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":331,"value":"## Female Speakers by Play","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":411,"value":"viewof weightedOrNotPlay = radio({\n title: 'Select which dataset to display on the line graph:',\n options: ['Regular', 'Weighted', \"Spoken to Audience\"],\n value: 'Regular'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":318,"value":"viewof playSelect = Select([].concat(plays), {label: \"Plays\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":704,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":442,"value":"swatches({\n color: d3.scaleOrdinal(Object.keys(create_char_dict(find_char_list_for_play(playSelect))), Object.values(create_char_dict(find_char_list_for_play(playSelect)))),\n columns: \"180px\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":405,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":545,"value":"### Import Statements","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":48,"value":"d3 = require('d3@v6')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"import {radio} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":320,"value":"import {Select} from '@observablehq/inputs'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":279,"value":"import {swatches} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":548,"value":"### Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":35,"value":"results = FileAttachment(\"results@32.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"weighted_results = FileAttachment(\"weighted_results@32.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":302,"value":"self_results = FileAttachment(\"self_results@26.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":601,"value":"play_statistics = FileAttachment(\"play_statistics@24.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":553,"value":"### Supplementary Lists and Dictionaries","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":99,"value":"scenes = [\"Induction.i\", \"Induction.ii\", \"I.i\", \"I.ii\", \"I.iii\", \"I.iv\", \"I.v\", \"II.i\", \"II.ii\", \"II.iii\", \"II.iv\", \"II.v\", \"II.vi\", \"II.vii\", \"II.viii\", \"II.ix\", \"III.i\", \"III.ii\", \"III.iii\", \"III.iv\", \"III.v\", \"III.vi\", \"III.vii\", \"IV.i\", \"IV.ii\", \"IV.iii\", \"IV.iv\", \"IV.v\", \"IV.vi\", \"V.i\", \"V.ii\", \"V.iii\", \"V.iv\", \"V.v\", \"Epilogue\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":607,"value":"plays = { \n let orderedPlays = [\"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\"];\n for (let i = 0; i < play_statistics.length; i++) {\n let play = play_statistics[i][\"Play\"];\n let rank = play_statistics[i][\"WeightedRank\"];\n orderedPlays[rank-1] = play;\n }\n return orderedPlays;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":831,"value":"colors = [\"#f0a3ff\", \"#0075dc\", \"#2bce48\", \"#c20088\", \"#ffa405\", \"#ffa8bb\", \"#ff0010\", \"#5ef1f2\", \"#00998f\", \"#baff66\", \"#740aff\", \"#ffff1f\", \"#80ffa8\", \"#9dcc00\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":823,"value":"charColors = [\"#66C2A5\", \"#FC8D62\", \"#8DA0CB\", \"#E78AC3\", \"#A6D854\", \"#FFD92F\", \"#E5C494\", \"#d1372c\", \"#ee8532\", \"#634195\", \"#3a76af\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":558,"value":"playToColor = create_color_dict()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":569,"value":"### Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":193,"value":"function create_color_dict() {\n // Create a dictionary matching plays to colors\n let playToColor = {};\n for (let i = 0; i < plays.length; i++) {\n playToColor[plays[i]] = colors[i];\n }\n return playToColor;\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":959,"value":"function create_char_dict(charList) {\n // Create a dictionary matching characters to character colors\n let charToColor = {};\n for (let i = 0; i < charList.length; i++) {\n if (charList[i] != \"Total\") {\n charToColor[charList[i]] = charColors[i];\n }\n }\n charToColor[\"Total\"] = \"#e6e6e6\";\n return charToColor;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":963,"value":"function find_char_list_for_play(play) {\n // Get a list of the female characters in a given play\n let chars = [];\n let subset = results.filter(d => d[\"Play\"] === play);\n for (let i = 0; i < subset.length; i++) {\n if (!chars.includes(subset[i][\"Speaker\"])) {\n chars.push(subset[i][\"Speaker\"]);\n }\n }\n return chars;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":337,"value":"function calculateX(value, width, box_width) {\n /* Calculate the x value for the location of a hover box\n * Flip the side the box appears on if it will go out of bounds\n */\n if ((value + box_width + 20) > (width)) {\n return value - box_width - 10;\n } else {\n return value + 10;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":341,"value":"function calculateY(value, height) {\n /* Calculate the y value for the location of a hover box\n * Flip the side the box appears on if it will go out of bounds\n */\n if ((value + 70) > (height)) {\n return value - 50;\n } else {\n return value;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":371,"value":"function findWidth(text) {\n // Calculate what the width of a text box in the main view should be given a string\n return text.length*8;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":499,"value":"function findWidthSp(text) {\n // Calculate what the width of a text box in the play-specific view should be given a string\n return text.length*10+10;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":514,"value":"function find_radius(weighted, d) {\n /* Find the radius of a point\n * If the view is weighted, scale the radius by number of characters\n */\n if (weighted == \"Weighted\") {\n return d.NumCharacters;\n } else {\n return 2;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":792,"value":"function get_hover_color (highlightSpeaker, currentSpeaker, charToColor) {\n /* Determines what color an object should be\n * Maintain normal color if it's the object being hovered over, if it's the Total line, or if the object being hovered over belongs to the 'Total' line\n * Otherwise, return gray\n */\n if (highlightSpeaker === currentSpeaker) {\n return charToColor[highlightSpeaker];\n } else if (highlightSpeaker === \"Total\" || currentSpeaker === \"Total\") {\n return charToColor[currentSpeaker];\n } else {\n return \"#ddd\";\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1166,"value":"function capitalize_name(data, i) {\n // Capitalize the name at i in data\n let name_list = data[\"WeightedCharRanks\"][i].split(\" \");\n let name = \"\";\n for (let j = 0; j < name_list.length; j++) {\n name += name_list[j].charAt(0) + name_list[j].toLowerCase().slice(1);\n if (j != name_list.length -1) {\n name += \" \";\n }\n }\n return name;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 44:"$43:body"