{"id":155,"date":"2020-03-08T00:13:45","date_gmt":"2020-03-08T00:13:45","guid":{"rendered":"https:\/\/integrations.pressbooks.network\/demobook\/chapter\/how-to-google-forms\/"},"modified":"2020-04-30T16:12:24","modified_gmt":"2020-04-30T16:12:24","slug":"how-to-google-forms","status":"publish","type":"chapter","link":"https:\/\/integrations.pressbooks.network\/demobook\/chapter\/how-to-google-forms\/","title":{"raw":"How-To Guide: Embed Google Poll and Results Into Pressbooks","rendered":"How-To Guide: Embed Google Poll and Results Into Pressbooks"},"content":{"raw":"<h1 style=\"text-align: center\">Part 0: Create a Spreadsheet To Store Your Google Form Data<\/h1>\n<h2><strong>Step 0.1: Update your Google forms \"Responses\" settings<\/strong><\/h2>\nWhen you're creating a Google Form, the top of the page will give you the chance to edit questions and set up how your responses will be recorded. Click on the \"responses\" tab to configure these options.\n\n<a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Google-Forms-Responses-Pane.png\"><img class=\"size-full wp-image-140 aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/03\/Google-Forms-Responses-Pane.png\" alt=\"Google form page's &quot;Responses&quot; tab displays a &quot;create spreadsheet&quot; icon\" width=\"760\" height=\"248\"><\/a>\n<h2><strong>Step 0.2: Send your form responses to a spreadsheet<\/strong><\/h2>\nClick \"Create Spreadsheet.\"\n\nYou'll be presented with a \"Select Response Destination\" option. Choose the approach that works best for you -- (either to create a new spreadsheet or send your answers to a spreadsheet you've already created).\n\n<a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Google-Forms-select-response-destination.png\"><img class=\"size-full wp-image-141 aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-Forms-select-response-destination.png\" alt=\"options are &quot;select response destination&quot; or &quot;select existing spreadsheet&quot;\" width=\"872\" height=\"422\"><\/a>\n\n&nbsp;\n<h1 style=\"text-align: center\">Part 1: Embed a Google Form into your textbook (web-only)<\/h1>\n<h2><strong>Step 1.1: Navigate to the \"Send\" screen in Google Forms<\/strong><\/h2>\nWhen you're logged into the Google account for a form you created, you should see a \"Send\" button at the top of the screen. (This may take the form of a button labeled \"send\" or a small paper airplane icon.)\n\n&nbsp;\n\n<a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Screen-Shot-2020-03-07-at-3.46.42-PM.png\"><img class=\"size-full wp-image-142 alignnone\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Screen-Shot-2020-03-07-at-3.46.42-PM.png\" alt=\"Google Form Editing Screen\" width=\"1576\" height=\"626\"><\/a>\n<h2><strong>Step 1.2<\/strong>: Find the \"Embed\" section of your \"Send Form\" popup<\/h2>\nClicking on \"Send Form\" will take you to a screen with different tabs you can use to send your form to someone. Your \"Send via\" options are email, link, or embed.\n\nClick on \"Embed.\"\n\n&nbsp;\n\n<a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Send-Form-option.png\"><img class=\"size-full wp-image-143 aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Send-Form-option.png\" alt=\"Google Forms &quot;Send Form&quot; screen\" width=\"936\" height=\"890\"><\/a>\n<h2><\/h2>\n<h2><strong>Step 1.3<\/strong>: Copy the HTML embed code for your form<\/h2>\nOnce you've clicked \"embed,\" you'll have access to HTML iframe embed code. You can change the display width and height if you choose.\n\nNext, click \"copy.\"\n\n<a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Click-Embed-in-Google-Forms-Send-Form-option.png\"><img class=\"size-full wp-image-144 aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Click-Embed-in-Google-Forms-Send-Form-option.png\" alt=\"\" width=\"924\" height=\"614\"><\/a>\n<h2>Step 1.4: Embed your form embed code into Pressbooks<\/h2>\nReturn to the editing page for the Pressbooks chapter where you want to embed your Google form.\n\nYou'll need to paste your iframe code into the HTML text editor rather than to the visual editor. (Click on the \"Text\" tab in the top right of your editing panel to see the HTML editor)\n<p style=\"text-align: center\"><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Insert-iframe-text-in-pressbooks.png\"><img class=\"size-full wp-image-145 aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Insert-iframe-text-in-pressbooks.png\" alt=\"Pressbooks text editor with iframe embed information in it\" width=\"656\" height=\"508\"><\/a><\/p>\n\n<h1 style=\"text-align: center\">Part 2: Convert Google Form Results Into Live Poll Displays<\/h1>\n<div class=\"textbox shaded\">You can explore the formatting of the spreadsheet we used for this example by clicking on this <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1-q403ujkmCP7AhdJi3NCsiojXHVleO5XWEHrzAZazlo\/edit?usp=sharing\"><strong>spreadsheet example link<\/strong><\/a>.[footnote]In the example spreadsheet provided, you'll see duplicate tables and chart displays. There are duplicate displays in this example because we were creating chart outputs of two different sizes--one for the annotation layer and one for the larger display. Unfortunately, Google doesn't let you send information from one table to two different charts.[\/footnote]<\/div>\n<h2><strong>Context<\/strong>:<\/h2>\nTo create <em>live<\/em> form displays, you'll need to create charts in the Google Sheets form destination you've created.\n\n<strong><span style=\"text-align: initial;font-size: 1em\">Here's an example of what you might see when you open up your Google Sheets responses form:<\/span><\/strong>\n<table dir=\"ltr\" style=\"height: 117px\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\"><colgroup> <col width=\"150\"> <col width=\"308\"> <col width=\"150\"> <col width=\"150\"> <col width=\"219\"> <col width=\"30\"> <col width=\"29\"> <col width=\"43\"> <col width=\"33\"><\/colgroup>\n<tbody>\n<tr style=\"height: 29px\">\n<td style=\"height: 29px;width: 134.062px\"><strong>Timestamp<\/strong><\/td>\n<td style=\"height: 29px;width: 291.562px\"><strong>Which types of texts do you annotate?<\/strong><\/td>\n<td style=\"height: 29px;width: 137.062px\"><strong>Do you write in library books?<\/strong><\/td>\n<td style=\"height: 29px;width: 137.062px\"><strong>Which media do you use?<\/strong><\/td>\n<td style=\"height: 29px;width: 206.062px\">\n<div>\n<div><strong>For what reasons do you write in books?<\/strong><\/div>\n<\/div><\/td>\n<td style=\"height: 29px;width: 17.0625px\"><\/td>\n<td style=\"height: 29px;width: 15.5625px\"><\/td>\n<td style=\"height: 29px;width: 29.0625px\"><\/td>\n<td style=\"height: 29px;width: 20.0625px\"><\/td>\n<\/tr>\n<tr style=\"height: 74px\">\n<td style=\"height: 74px;width: 134.062px\" data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:43602.81577641204}\" data-sheets-numberformat=\"{&quot;1&quot;:7}\">5\/17\/2019 19:34:43<\/td>\n<td style=\"height: 74px;width: 291.562px\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Textbooks, Novels, Ebooks, Nonfiction books&quot;}\">Textbooks, Novels, Ebooks, Nonfiction books<\/td>\n<td style=\"height: 74px;width: 137.062px\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Only in pencil.&quot;}\">Only in pencil.<\/td>\n<td style=\"height: 74px;width: 137.062px\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Pencil, Ink pens, Highlighter, Electronic type&quot;}\">Pencil, Ink pens, Highlighter, Electronic type<\/td>\n<td style=\"height: 74px;width: 206.062px\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Study\/notetaking, Decoration, Boredom, To focus, To mock, To express admiration, To argue, To make grocery lists, Other&quot;}\">\n<div>\n<div>Study\/notetaking, Decoration, Boredom, To focus, To mock, To express admiration, To argue, To make grocery lists, Other<\/div>\n<\/div><\/td>\n<td style=\"height: 74px;width: 17.0625px\"><\/td>\n<td style=\"height: 74px;width: 15.5625px\"><\/td>\n<td style=\"height: 74px;width: 29.0625px\"><\/td>\n<td style=\"height: 74px;width: 20.0625px\"><\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"height: 14px;width: 134.062px\">5\/19\/2019 9:53:29<\/td>\n<td style=\"height: 14px;width: 291.562px\">Textbooks, Ebooks, Nonfiction books, Magazines<\/td>\n<td style=\"height: 14px;width: 137.062px\">Never!<\/td>\n<td style=\"height: 14px;width: 137.062px\">Pencil, Ink pens, Highlighter, Electronic type, Post its<\/td>\n<td style=\"height: 14px;width: 206.062px\">\n<div>\n<div>Study\/notetaking, To focus, To mock, To express admiration, To argue, Other<\/div>\n<\/div><\/td>\n<td style=\"height: 14px;width: 17.0625px\"><\/td>\n<td style=\"height: 14px;width: 15.5625px\"><\/td>\n<td style=\"height: 14px;width: 29.0625px\"><\/td>\n<td style=\"height: 14px;width: 20.0625px\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\nThe first column (above) logs each survey response's timestamp. The following columns detail what each respondent answered on different single-select or multiple-select questions.\n\nThe steps below will describe how to take this non-numerical information and turn it into something you can display as a graph.\n\n&nbsp;\n<h2><strong>Step 2.0: Identify each section you want to convert into a graph.<\/strong><\/h2>\n<strong>Context<\/strong>: Google Forms records information as a list within columns, but to customize charts to display information from your polls, you'll want to create tables that record numerical information. The examples below illustrate the difference between the kinds of formatting you'll have in your Google spreadsheet and the kind of table that will allow you to create a live, embeddable chart.\n<h3>Single-Select Responses<\/h3>\n<div class=\"textbox\">\n\n<strong>The formatting we <em>have<\/em>:\u00a0<\/strong>\n<table style=\"border-collapse: collapse;width: 100%;height: 126px\" border=\"0\">\n<tbody>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Response #<\/td>\n<td style=\"width: 50%;height: 14px\"><strong>Do you write in library books?<\/strong><\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">1<\/td>\n<td style=\"width: 50%;height: 14px\">Only in pencil.<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">2<\/td>\n<td style=\"width: 50%;height: 14px\">Never!<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">3<\/td>\n<td style=\"width: 50%;height: 14px\">Never!<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">4<\/td>\n<td style=\"width: 50%;height: 14px\">Never!<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">5<\/td>\n<td style=\"width: 50%;height: 14px\">Only in pencil.<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">6<\/td>\n<td style=\"width: 50%;height: 14px\">Only in pencil.<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">7<\/td>\n<td style=\"width: 50%;height: 14px\">Never!<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">8<\/td>\n<td style=\"width: 50%;height: 14px\">Never!<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<strong>The formatting we <em>want instead<\/em>:<\/strong>\n<table style=\"border-collapse: collapse;width: 100%;height: 56px\" border=\"0\">\n<tbody>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\"><strong>Do you write in library books? (Responses)<\/strong><\/td>\n<td style=\"width: 50%;height: 14px\"><strong>TOTALS<\/strong><\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Never!<\/td>\n<td style=\"width: 50%;height: 14px\">5<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Only in pencil.<\/td>\n<td style=\"width: 50%;height: 14px\">3<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Yes, in ink.<\/td>\n<td style=\"width: 50%;height: 14px\">0<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><\/h3>\n<\/div>\n&nbsp;\n\n<span style=\"font-family: 'Cormorant Garamond', serif;font-size: 1.602em\">Multiple-Select Responses<\/span>\n<div class=\"textbox\">\n\n<strong>The formatting we <em>have<\/em>:\u00a0<\/strong>\n<table style=\"border-collapse: collapse;width: 100%;height: 126px\" border=\"0\">\n<tbody>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Response #<\/td>\n<td style=\"width: 50%;height: 14px\"><strong>Do you write in library books?<\/strong><\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">1<\/td>\n<td style=\"width: 50%;height: 14px\">Study\/notetaking, Decoration, Boredom, To focus, To mock, To express admiration, To argue, To make grocery lists, Other<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">2<\/td>\n<td style=\"width: 50%;height: 14px\">Study\/notetaking, To express admiration, To argue<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">3<\/td>\n<td style=\"width: 50%;height: 14px\">Study\/notetaking, To focus<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">4<\/td>\n<td style=\"width: 50%;height: 14px\">Study\/notetaking, To focus, To express admiration, To argue, Other<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">5<\/td>\n<td style=\"height: 16pt;width: 50%;border-right: transparent;overflow: visible;padding-bottom: 2px;padding-top: 2px\" width=\"87\" height=\"21\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Study\/notetaking, To focus, To mock, To express admiration, To argue, Other&quot;}\">\n<div style=\"overflow: hidden\">\n<div style=\"float: left\">Study\/notetaking, To focus, To mock, To express admiration, To argue, Other<\/div>\n<\/div><\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">6<\/td>\n<td style=\"width: 50%;height: 14px\">Only in pencil.<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">7<\/td>\n<td style=\"width: 50%;height: 14px\">Never!<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">8<\/td>\n<td style=\"width: 50%;height: 14px\">Never!<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<strong>The formatting we <em>want instead<\/em>:<\/strong>\n<table style=\"border-collapse: collapse;width: 100%;height: 140px\" border=\"0\">\n<tbody>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\"><strong>For what reasons do you write in books?<\/strong><\/td>\n<td style=\"width: 50%;height: 14px\"><strong>TOTALS<\/strong><\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Study\/notetaking<\/td>\n<td style=\"width: 50%;height: 14px\">8<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Decoration<\/td>\n<td style=\"width: 50%;height: 14px\">1<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Boredom<\/td>\n<td style=\"width: 50%;height: 14px\">1<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">To focus<\/td>\n<td style=\"width: 50%;height: 14px\">5<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">To mock<\/td>\n<td style=\"width: 50%;height: 14px\">5<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">To express admiration<\/td>\n<td style=\"width: 50%;height: 14px\">4<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">To argue<\/td>\n<td style=\"width: 50%;height: 14px\">7<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">To make grocery lists<\/td>\n<td style=\"width: 50%;height: 14px\">1<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Other<\/td>\n<td style=\"width: 50%;height: 14px\">4<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<strong style=\"font-family: 'Cormorant Garamond', serif;font-size: 1.602em\">Step 2.1: Create a table for each section you want to convert into a graph.<\/strong>\n\nTo move from the data arrangement you <em>have<\/em> to the data arrangement you <em>want<\/em><em>\u2014<\/em>and most importantly,<em>\u00a0<\/em>to do so in a way that will automatically update when new responses come in<em>\u2014<\/em>you can create a series of tables to the right of where Google Forms is populating your data.\n\nFor example, in the <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1-q403ujkmCP7AhdJi3NCsiojXHVleO5XWEHrzAZazlo\/edit?usp=sharing\"><strong>Google form spreadsheet<\/strong><\/a> I'm working on in this instance, form data is coming into Columns A, B, C, D, and E, so I don't want to add any text to those columns because that's where new form responses are going to be recorded. However, adding information to any columns past Column E (for instance, Column F, G, H, I, etc.) won't do any harm, so I'll use that space to add new information.\n\nIn the example below, I've added a series of new tables to Column J and Column K. In each table, I've made a row for each possible selection in my survey. (For example, \"Ebooks,\" \"Nonfiction Books,\" and \"Newspapers\" each gets its own row.)\n<p style=\"text-align: center\">\u00a0<a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Google-forms-side-table-examples-1.png\"><img class=\"alignnone size-full wp-image-146\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-forms-side-table-examples-1.png\" alt=\"three sample tables replicating the &quot;the data we want&quot; excerpts above\" width=\"694\" height=\"980\"><\/a><\/p>\n\n<h2><strong>Step 2.2: Use a \"COUNTIF\" function to populate each \"TOTALS\" value cell in your survey tables.<\/strong><\/h2>\nWhat <em>isn't<\/em> apparent in the screenshot above is that I haven't counted up the examples in the TOTALS section by hand. Instead, I've used a Google Sheets function to ask the program to count each response for me and to keep this count up to date when new entries come in.\n\nSo, let's assume I want each of my new tables to count the number of responses recorded for each category of interest. (For example, in the \"Which media do you use?\" table, I want the \"Totals\" cell in the row marked \"pencil\" to log how many people said they use a pencil to write in books.)\n\nTo make this possible, I'll add a function string in each cell within the \"totals\" row. The textbox below includes the basic function I'm using for this. I've added the placeholders \"Starting Cell: Ending Cell\" and \"[Category to count]\" so you can adapt them to your own purposes.\n<blockquote>\n<div class=\"textbox shaded\"><span class=\" default-formula-text-color\" dir=\"auto\">=<\/span><span class=\" default-formula-text-color\" dir=\"auto\">COUNTIF<\/span><span class=\" default-formula-text-color\" dir=\"auto\">(<\/span><em><span dir=\"auto\" style=\"background-color: #ccffcc\">[Starting Cell]<\/span><span dir=\"auto\">:<\/span><span dir=\"auto\" style=\"background-color: #ccffcc\">[Ending Cell]<\/span><\/em><span class=\" default-formula-text-color\" dir=\"auto\">,<\/span> <span class=\" default-formula-text-color\" dir=\"auto\">CONCATENATE<\/span><span class=\" default-formula-text-color\" dir=\"auto\">(<\/span><span class=\" string \" dir=\"auto\">\"*\"<\/span><span class=\" default-formula-text-color\" dir=\"auto\">,<\/span> <span class=\" string \" dir=\"auto\">\"<span style=\"background-color: #ccffff\"><em>[Category to count]<\/em><\/span>\"<\/span><span class=\" default-formula-text-color\" dir=\"auto\">,<\/span> <span class=\" string \" dir=\"auto\">\"*\"<\/span><span class=\" default-formula-text-color\" dir=\"auto\">)<\/span><span class=\" default-formula-text-color\" dir=\"auto\">)<\/span><\/div><\/blockquote>\n<strong style=\"text-align: initial;font-size: 1em\">Here's what this looks like in practice:<\/strong>\n\n&nbsp;\n\n[caption id=\"attachment_1040\" align=\"aligncenter\" width=\"1100\"]<a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Countif-function-in-Google-Forms-B.png\"><img class=\"wp-image-147 size-full\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-B.png\" alt=\"Spreadsheet function display\" width=\"1100\" height=\"356\"><\/a> To count the number of surveys that reported people writing in novels, I'll use the function \"=COUNTIF(<span style=\"background-color: #ccffcc\">B2:B1013<\/span>, CONCATENATE(\"*\", \"<span style=\"background-color: #ccffff\">Novels<\/span>\", \"*\"))\"[\/caption]\n\n&nbsp;\n\n[caption id=\"attachment_1041\" align=\"aligncenter\" width=\"1310\"]<a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Countif-function-in-Google-Forms-A.png\"><img class=\"wp-image-148 size-full\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-A.png\" alt=\"Spreadsheet function display\" width=\"1310\" height=\"364\"><\/a> To count the number of surveys that reported people writing in textbooks, I'll use the function \"=COUNTIF(<span style=\"background-color: #ccffcc\">B2:B1013<\/span>, CONCATENATE(\"*\", \"<span style=\"background-color: #ccffff\">Textbooks<\/span>\", \"*\"))\"[\/caption]\n\n&nbsp;\n\n<strong>An explanation of the starting\/ending cells in this example--(B2:B1013)<\/strong>\n\nIn my worksheet example, the information I want to record is being put into Column B.\n\nAs my \"<span style=\"background-color: #ccffcc\">Starting Cell,<\/span>\" I'll use the first cell where my information is being recorded. (In this case, <em>B2<\/em>). As my \"<span style=\"background-color: #ccffcc\">Ending Cell<\/span>,\" I'll pick a cell far down the very same column. In this example, I've chosen to use cell <em>B1013<\/em>. (This is a pretty arbitrary number in this case. I simply picked a number that seemed improbably high. I'd be delighted if 1,013 people responded to this survey, but it'd probably take a long time for this to happen, so it's a safe bet to use that as the cell where Google will stop counting up responses.)\n<h2><strong>Step 2.3: Use Table Data To Create Chart Displays<\/strong><\/h2>\nClick \"Insert\" &gt; \"Chart\" and use each separate table as the basis for a display.\n<h1 style=\"text-align: center\"><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Google-Forms-Insert-Chart.png\"><img class=\"alignnone size-full wp-image-149\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-Forms-Insert-Chart.png\" alt=\"Google forms menu Insert Chart\" width=\"340\" height=\"470\"><\/a><\/h1>\nYou can customize what kind of chart you want to have and what should count as headers, labels, etc.\n<p style=\"text-align: center\"><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Chart-editor-Google-Forms.png\"><img class=\"wp-image-150 size-full aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Chart-editor-Google-Forms-e1583629062332.png\" alt=\"Google Forms chart editor\" width=\"438\" height=\"828\"><\/a><\/p>\nThis is an example of the resulting chart:\n\n<a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Google-chart-screenshot.png\"><img class=\"alignnone size-full wp-image-151 aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-chart-screenshot.png\" alt=\"Screenshot of &quot;What do you annotate?&quot; pie chart\" width=\"640\" height=\"392\"><\/a>\n<h1 style=\"text-align: center\">Part 3: Embed Poll Displays Into H5P Activities<\/h1>\n<strong>Step 3.1<\/strong>: To display a version of this chart that will live-update in your book, you'll want to start by copying the Google Forms link to the responsive version of your chart.\n\nTo find this link, click on the three-dot menu icon at the corner of your chart.\n<p style=\"text-align: center\"><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/google-forms-chart-menu.png\"><img class=\"size-full wp-image-152 aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/google-forms-chart-menu.png\" alt=\"Google forms menu for an individual chart displays options to edit, delete, download, delete, publish, move, and create alt text for your chart.\" width=\"628\" height=\"398\"><\/a><\/p>\nNext, click on the \"<strong>Publish Chart<\/strong>\" dropdown option.\n\nYou'll see a screen that allows you to choose how your link will act when users click on it. I like to make sure that my own charts are labeled \"interactive\" (to display additional information on mouseover) and to check the box marked \"Automatically republish when changes are made.\" <strong>Copy the resulting link.\u00a0<\/strong>\n\n<a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Google-forms-chart-publish-to-the-web.png\"><img class=\"size-full wp-image-153 aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-forms-chart-publish-to-the-web.png\" alt=\"the &quot;Publishing&quot; dropdown provides a link in the &quot;publish to the web&quot; section\" width=\"806\" height=\"1062\"><\/a>\n\n<strong>Step 3.2<\/strong>: Create an <a href=\"https:\/\/h5p.org\/iframe-embedder\">H5P Iframe Embedder activity<\/a> and add the link you've copied to the \"Source\" textbox.\n\n<a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/H5P-Settings-for-interactive-Chart.png\"><img class=\"alignnone size-full wp-image-154\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/H5P-Settings-for-interactive-Chart.png\" alt=\"H5P Iframe embedder activity\" width=\"1310\" height=\"1180\"><\/a>\n\n<strong>Step 3.3<\/strong>: Add your H5P activity to your text.\n\nHere's an example of what we just made:\n\n[h5p id=\"32\"]","rendered":"<h1 style=\"text-align: center\">Part 0: Create a Spreadsheet To Store Your Google Form Data<\/h1>\n<h2><strong>Step 0.1: Update your Google forms &#8220;Responses&#8221; settings<\/strong><\/h2>\n<p>When you&#8217;re creating a Google Form, the top of the page will give you the chance to edit questions and set up how your responses will be recorded. Click on the &#8220;responses&#8221; tab to configure these options.<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Google-Forms-Responses-Pane.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-140 aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/03\/Google-Forms-Responses-Pane.png\" alt=\"Google form page's &quot;Responses&quot; tab displays a &quot;create spreadsheet&quot; icon\" width=\"760\" height=\"248\" srcset=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/03\/Google-Forms-Responses-Pane.png 760w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/03\/Google-Forms-Responses-Pane-300x98.png 300w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/03\/Google-Forms-Responses-Pane-65x21.png 65w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/03\/Google-Forms-Responses-Pane-225x73.png 225w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/03\/Google-Forms-Responses-Pane-350x114.png 350w\" sizes=\"auto, (max-width: 760px) 100vw, 760px\" \/><\/a><\/p>\n<h2><strong>Step 0.2: Send your form responses to a spreadsheet<\/strong><\/h2>\n<p>Click &#8220;Create Spreadsheet.&#8221;<\/p>\n<p>You&#8217;ll be presented with a &#8220;Select Response Destination&#8221; option. Choose the approach that works best for you &#8212; (either to create a new spreadsheet or send your answers to a spreadsheet you&#8217;ve already created).<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Google-Forms-select-response-destination.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-141 aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-Forms-select-response-destination.png\" alt=\"options are &quot;select response destination&quot; or &quot;select existing spreadsheet&quot;\" width=\"872\" height=\"422\" srcset=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-Forms-select-response-destination.png 872w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-Forms-select-response-destination-300x145.png 300w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-Forms-select-response-destination-768x372.png 768w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-Forms-select-response-destination-65x31.png 65w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-Forms-select-response-destination-225x109.png 225w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-Forms-select-response-destination-350x169.png 350w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h1 style=\"text-align: center\">Part 1: Embed a Google Form into your textbook (web-only)<\/h1>\n<h2><strong>Step 1.1: Navigate to the &#8220;Send&#8221; screen in Google Forms<\/strong><\/h2>\n<p>When you&#8217;re logged into the Google account for a form you created, you should see a &#8220;Send&#8221; button at the top of the screen. (This may take the form of a button labeled &#8220;send&#8221; or a small paper airplane icon.)<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Screen-Shot-2020-03-07-at-3.46.42-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-142 alignnone\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Screen-Shot-2020-03-07-at-3.46.42-PM.png\" alt=\"Google Form Editing Screen\" width=\"1576\" height=\"626\" srcset=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Screen-Shot-2020-03-07-at-3.46.42-PM.png 1576w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Screen-Shot-2020-03-07-at-3.46.42-PM-300x119.png 300w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Screen-Shot-2020-03-07-at-3.46.42-PM-1024x407.png 1024w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Screen-Shot-2020-03-07-at-3.46.42-PM-768x305.png 768w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Screen-Shot-2020-03-07-at-3.46.42-PM-1536x610.png 1536w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Screen-Shot-2020-03-07-at-3.46.42-PM-65x26.png 65w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Screen-Shot-2020-03-07-at-3.46.42-PM-225x89.png 225w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Screen-Shot-2020-03-07-at-3.46.42-PM-350x139.png 350w\" sizes=\"auto, (max-width: 1576px) 100vw, 1576px\" \/><\/a><\/p>\n<h2><strong>Step 1.2<\/strong>: Find the &#8220;Embed&#8221; section of your &#8220;Send Form&#8221; popup<\/h2>\n<p>Clicking on &#8220;Send Form&#8221; will take you to a screen with different tabs you can use to send your form to someone. Your &#8220;Send via&#8221; options are email, link, or embed.<\/p>\n<p>Click on &#8220;Embed.&#8221;<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Send-Form-option.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-143 aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Send-Form-option.png\" alt=\"Google Forms &quot;Send Form&quot; screen\" width=\"936\" height=\"890\" srcset=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Send-Form-option.png 936w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Send-Form-option-300x285.png 300w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Send-Form-option-768x730.png 768w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Send-Form-option-65x62.png 65w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Send-Form-option-225x214.png 225w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Send-Form-option-350x333.png 350w\" sizes=\"auto, (max-width: 936px) 100vw, 936px\" \/><\/a><\/p>\n<h2><\/h2>\n<h2><strong>Step 1.3<\/strong>: Copy the HTML embed code for your form<\/h2>\n<p>Once you&#8217;ve clicked &#8220;embed,&#8221; you&#8217;ll have access to HTML iframe embed code. You can change the display width and height if you choose.<\/p>\n<p>Next, click &#8220;copy.&#8221;<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Click-Embed-in-Google-Forms-Send-Form-option.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-144 aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Click-Embed-in-Google-Forms-Send-Form-option.png\" alt=\"\" width=\"924\" height=\"614\" srcset=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Click-Embed-in-Google-Forms-Send-Form-option.png 924w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Click-Embed-in-Google-Forms-Send-Form-option-300x199.png 300w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Click-Embed-in-Google-Forms-Send-Form-option-768x510.png 768w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Click-Embed-in-Google-Forms-Send-Form-option-65x43.png 65w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Click-Embed-in-Google-Forms-Send-Form-option-225x150.png 225w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Click-Embed-in-Google-Forms-Send-Form-option-350x233.png 350w\" sizes=\"auto, (max-width: 924px) 100vw, 924px\" \/><\/a><\/p>\n<h2>Step 1.4: Embed your form embed code into Pressbooks<\/h2>\n<p>Return to the editing page for the Pressbooks chapter where you want to embed your Google form.<\/p>\n<p>You&#8217;ll need to paste your iframe code into the HTML text editor rather than to the visual editor. (Click on the &#8220;Text&#8221; tab in the top right of your editing panel to see the HTML editor)<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Insert-iframe-text-in-pressbooks.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-145 aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Insert-iframe-text-in-pressbooks.png\" alt=\"Pressbooks text editor with iframe embed information in it\" width=\"656\" height=\"508\" srcset=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Insert-iframe-text-in-pressbooks.png 656w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Insert-iframe-text-in-pressbooks-300x232.png 300w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Insert-iframe-text-in-pressbooks-65x50.png 65w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Insert-iframe-text-in-pressbooks-225x174.png 225w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Insert-iframe-text-in-pressbooks-350x271.png 350w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/a><\/p>\n<h1 style=\"text-align: center\">Part 2: Convert Google Form Results Into Live Poll Displays<\/h1>\n<div class=\"textbox shaded\">You can explore the formatting of the spreadsheet we used for this example by clicking on this <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1-q403ujkmCP7AhdJi3NCsiojXHVleO5XWEHrzAZazlo\/edit?usp=sharing\"><strong>spreadsheet example link<\/strong><\/a>.<a class=\"footnote\" title=\"In the example spreadsheet provided, you'll see duplicate tables and chart displays. There are duplicate displays in this example because we were creating chart outputs of two different sizes--one for the annotation layer and one for the larger display. Unfortunately, Google doesn't let you send information from one table to two different charts.\" id=\"return-footnote-155-1\" href=\"#footnote-155-1\" aria-label=\"Footnote 1\"><sup class=\"footnote\">[1]<\/sup><\/a><\/div>\n<h2><strong>Context<\/strong>:<\/h2>\n<p>To create <em>live<\/em> form displays, you&#8217;ll need to create charts in the Google Sheets form destination you&#8217;ve created.<\/p>\n<p><strong><span style=\"text-align: initial;font-size: 1em\">Here&#8217;s an example of what you might see when you open up your Google Sheets responses form:<\/span><\/strong><\/p>\n<table dir=\"ltr\" style=\"height: 117px; border-spacing: 0px;\" cellpadding=\"0\">\n<colgroup>\n<col width=\"150\" \/>\n<col width=\"308\" \/>\n<col width=\"150\" \/>\n<col width=\"150\" \/>\n<col width=\"219\" \/>\n<col width=\"30\" \/>\n<col width=\"29\" \/>\n<col width=\"43\" \/>\n<col width=\"33\" \/><\/colgroup>\n<tbody>\n<tr style=\"height: 29px\">\n<td style=\"height: 29px;width: 134.062px\"><strong>Timestamp<\/strong><\/td>\n<td style=\"height: 29px;width: 291.562px\"><strong>Which types of texts do you annotate?<\/strong><\/td>\n<td style=\"height: 29px;width: 137.062px\"><strong>Do you write in library books?<\/strong><\/td>\n<td style=\"height: 29px;width: 137.062px\"><strong>Which media do you use?<\/strong><\/td>\n<td style=\"height: 29px;width: 206.062px\">\n<div>\n<div><strong>For what reasons do you write in books?<\/strong><\/div>\n<\/div>\n<\/td>\n<td style=\"height: 29px;width: 17.0625px\"><\/td>\n<td style=\"height: 29px;width: 15.5625px\"><\/td>\n<td style=\"height: 29px;width: 29.0625px\"><\/td>\n<td style=\"height: 29px;width: 20.0625px\"><\/td>\n<\/tr>\n<tr style=\"height: 74px\">\n<td style=\"height: 74px;width: 134.062px\" data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:43602.81577641204}\" data-sheets-numberformat=\"{&quot;1&quot;:7}\">5\/17\/2019 19:34:43<\/td>\n<td style=\"height: 74px;width: 291.562px\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Textbooks, Novels, Ebooks, Nonfiction books&quot;}\">Textbooks, Novels, Ebooks, Nonfiction books<\/td>\n<td style=\"height: 74px;width: 137.062px\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Only in pencil.&quot;}\">Only in pencil.<\/td>\n<td style=\"height: 74px;width: 137.062px\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Pencil, Ink pens, Highlighter, Electronic type&quot;}\">Pencil, Ink pens, Highlighter, Electronic type<\/td>\n<td style=\"height: 74px;width: 206.062px\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Study\/notetaking, Decoration, Boredom, To focus, To mock, To express admiration, To argue, To make grocery lists, Other&quot;}\">\n<div>\n<div>Study\/notetaking, Decoration, Boredom, To focus, To mock, To express admiration, To argue, To make grocery lists, Other<\/div>\n<\/div>\n<\/td>\n<td style=\"height: 74px;width: 17.0625px\"><\/td>\n<td style=\"height: 74px;width: 15.5625px\"><\/td>\n<td style=\"height: 74px;width: 29.0625px\"><\/td>\n<td style=\"height: 74px;width: 20.0625px\"><\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"height: 14px;width: 134.062px\">5\/19\/2019 9:53:29<\/td>\n<td style=\"height: 14px;width: 291.562px\">Textbooks, Ebooks, Nonfiction books, Magazines<\/td>\n<td style=\"height: 14px;width: 137.062px\">Never!<\/td>\n<td style=\"height: 14px;width: 137.062px\">Pencil, Ink pens, Highlighter, Electronic type, Post its<\/td>\n<td style=\"height: 14px;width: 206.062px\">\n<div>\n<div>Study\/notetaking, To focus, To mock, To express admiration, To argue, Other<\/div>\n<\/div>\n<\/td>\n<td style=\"height: 14px;width: 17.0625px\"><\/td>\n<td style=\"height: 14px;width: 15.5625px\"><\/td>\n<td style=\"height: 14px;width: 29.0625px\"><\/td>\n<td style=\"height: 14px;width: 20.0625px\"><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>The first column (above) logs each survey response&#8217;s timestamp. The following columns detail what each respondent answered on different single-select or multiple-select questions.<\/p>\n<p>The steps below will describe how to take this non-numerical information and turn it into something you can display as a graph.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Step 2.0: Identify each section you want to convert into a graph.<\/strong><\/h2>\n<p><strong>Context<\/strong>: Google Forms records information as a list within columns, but to customize charts to display information from your polls, you&#8217;ll want to create tables that record numerical information. The examples below illustrate the difference between the kinds of formatting you&#8217;ll have in your Google spreadsheet and the kind of table that will allow you to create a live, embeddable chart.<\/p>\n<h3>Single-Select Responses<\/h3>\n<div class=\"textbox\">\n<p><strong>The formatting we <em>have<\/em>:\u00a0<\/strong><\/p>\n<table style=\"border-collapse: collapse;width: 100%;height: 126px\">\n<tbody>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Response #<\/td>\n<td style=\"width: 50%;height: 14px\"><strong>Do you write in library books?<\/strong><\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">1<\/td>\n<td style=\"width: 50%;height: 14px\">Only in pencil.<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">2<\/td>\n<td style=\"width: 50%;height: 14px\">Never!<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">3<\/td>\n<td style=\"width: 50%;height: 14px\">Never!<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">4<\/td>\n<td style=\"width: 50%;height: 14px\">Never!<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">5<\/td>\n<td style=\"width: 50%;height: 14px\">Only in pencil.<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">6<\/td>\n<td style=\"width: 50%;height: 14px\">Only in pencil.<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">7<\/td>\n<td style=\"width: 50%;height: 14px\">Never!<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">8<\/td>\n<td style=\"width: 50%;height: 14px\">Never!<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>The formatting we <em>want instead<\/em>:<\/strong><\/p>\n<table style=\"border-collapse: collapse;width: 100%;height: 56px\">\n<tbody>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\"><strong>Do you write in library books? (Responses)<\/strong><\/td>\n<td style=\"width: 50%;height: 14px\"><strong>TOTALS<\/strong><\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Never!<\/td>\n<td style=\"width: 50%;height: 14px\">5<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Only in pencil.<\/td>\n<td style=\"width: 50%;height: 14px\">3<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Yes, in ink.<\/td>\n<td style=\"width: 50%;height: 14px\">0<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><\/h3>\n<\/div>\n<p>&nbsp;<\/p>\n<p><span style=\"font-family: 'Cormorant Garamond', serif;font-size: 1.602em\">Multiple-Select Responses<\/span><\/p>\n<div class=\"textbox\">\n<p><strong>The formatting we <em>have<\/em>:\u00a0<\/strong><\/p>\n<table style=\"border-collapse: collapse;width: 100%;height: 126px\">\n<tbody>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Response #<\/td>\n<td style=\"width: 50%;height: 14px\"><strong>Do you write in library books?<\/strong><\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">1<\/td>\n<td style=\"width: 50%;height: 14px\">Study\/notetaking, Decoration, Boredom, To focus, To mock, To express admiration, To argue, To make grocery lists, Other<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">2<\/td>\n<td style=\"width: 50%;height: 14px\">Study\/notetaking, To express admiration, To argue<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">3<\/td>\n<td style=\"width: 50%;height: 14px\">Study\/notetaking, To focus<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">4<\/td>\n<td style=\"width: 50%;height: 14px\">Study\/notetaking, To focus, To express admiration, To argue, Other<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">5<\/td>\n<td style=\"height: 16pt;width: 50%;border-right: transparent;overflow: visible;padding-bottom: 2px;padding-top: 2px; width: 87px; height: 21px;\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Study\/notetaking, To focus, To mock, To express admiration, To argue, Other&quot;}\">\n<div style=\"overflow: hidden\">\n<div style=\"float: left\">Study\/notetaking, To focus, To mock, To express admiration, To argue, Other<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">6<\/td>\n<td style=\"width: 50%;height: 14px\">Only in pencil.<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">7<\/td>\n<td style=\"width: 50%;height: 14px\">Never!<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">8<\/td>\n<td style=\"width: 50%;height: 14px\">Never!<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>The formatting we <em>want instead<\/em>:<\/strong><\/p>\n<table style=\"border-collapse: collapse;width: 100%;height: 140px\">\n<tbody>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\"><strong>For what reasons do you write in books?<\/strong><\/td>\n<td style=\"width: 50%;height: 14px\"><strong>TOTALS<\/strong><\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Study\/notetaking<\/td>\n<td style=\"width: 50%;height: 14px\">8<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Decoration<\/td>\n<td style=\"width: 50%;height: 14px\">1<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Boredom<\/td>\n<td style=\"width: 50%;height: 14px\">1<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">To focus<\/td>\n<td style=\"width: 50%;height: 14px\">5<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">To mock<\/td>\n<td style=\"width: 50%;height: 14px\">5<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">To express admiration<\/td>\n<td style=\"width: 50%;height: 14px\">4<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">To argue<\/td>\n<td style=\"width: 50%;height: 14px\">7<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">To make grocery lists<\/td>\n<td style=\"width: 50%;height: 14px\">1<\/td>\n<\/tr>\n<tr style=\"height: 14px\">\n<td style=\"width: 50%;height: 14px\">Other<\/td>\n<td style=\"width: 50%;height: 14px\">4<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p><strong style=\"font-family: 'Cormorant Garamond', serif;font-size: 1.602em\">Step 2.1: Create a table for each section you want to convert into a graph.<\/strong><\/p>\n<p>To move from the data arrangement you <em>have<\/em> to the data arrangement you <em>want<\/em><em>\u2014<\/em>and most importantly,<em>\u00a0<\/em>to do so in a way that will automatically update when new responses come in<em>\u2014<\/em>you can create a series of tables to the right of where Google Forms is populating your data.<\/p>\n<p>For example, in the <a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1-q403ujkmCP7AhdJi3NCsiojXHVleO5XWEHrzAZazlo\/edit?usp=sharing\"><strong>Google form spreadsheet<\/strong><\/a> I&#8217;m working on in this instance, form data is coming into Columns A, B, C, D, and E, so I don&#8217;t want to add any text to those columns because that&#8217;s where new form responses are going to be recorded. However, adding information to any columns past Column E (for instance, Column F, G, H, I, etc.) won&#8217;t do any harm, so I&#8217;ll use that space to add new information.<\/p>\n<p>In the example below, I&#8217;ve added a series of new tables to Column J and Column K. In each table, I&#8217;ve made a row for each possible selection in my survey. (For example, &#8220;Ebooks,&#8221; &#8220;Nonfiction Books,&#8221; and &#8220;Newspapers&#8221; each gets its own row.)<\/p>\n<p style=\"text-align: center\">\u00a0<a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Google-forms-side-table-examples-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-146\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-forms-side-table-examples-1.png\" alt=\"three sample tables replicating the &quot;the data we want&quot; excerpts above\" width=\"694\" height=\"980\" srcset=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-forms-side-table-examples-1.png 694w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-forms-side-table-examples-1-212x300.png 212w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-forms-side-table-examples-1-65x92.png 65w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-forms-side-table-examples-1-225x318.png 225w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-forms-side-table-examples-1-350x494.png 350w\" sizes=\"auto, (max-width: 694px) 100vw, 694px\" \/><\/a><\/p>\n<h2><strong>Step 2.2: Use a &#8220;COUNTIF&#8221; function to populate each &#8220;TOTALS&#8221; value cell in your survey tables.<\/strong><\/h2>\n<p>What <em>isn&#8217;t<\/em> apparent in the screenshot above is that I haven&#8217;t counted up the examples in the TOTALS section by hand. Instead, I&#8217;ve used a Google Sheets function to ask the program to count each response for me and to keep this count up to date when new entries come in.<\/p>\n<p>So, let&#8217;s assume I want each of my new tables to count the number of responses recorded for each category of interest. (For example, in the &#8220;Which media do you use?&#8221; table, I want the &#8220;Totals&#8221; cell in the row marked &#8220;pencil&#8221; to log how many people said they use a pencil to write in books.)<\/p>\n<p>To make this possible, I&#8217;ll add a function string in each cell within the &#8220;totals&#8221; row. The textbox below includes the basic function I&#8217;m using for this. I&#8217;ve added the placeholders &#8220;Starting Cell: Ending Cell&#8221; and &#8220;[Category to count]&#8221; so you can adapt them to your own purposes.<\/p>\n<blockquote>\n<div class=\"textbox shaded\"><span class=\"default-formula-text-color\" dir=\"auto\">=<\/span><span class=\"default-formula-text-color\" dir=\"auto\">COUNTIF<\/span><span class=\"default-formula-text-color\" dir=\"auto\">(<\/span><em><span dir=\"auto\" style=\"background-color: #ccffcc\">[Starting Cell]<\/span><span dir=\"auto\">:<\/span><span dir=\"auto\" style=\"background-color: #ccffcc\">[Ending Cell]<\/span><\/em><span class=\"default-formula-text-color\" dir=\"auto\">,<\/span> <span class=\"default-formula-text-color\" dir=\"auto\">CONCATENATE<\/span><span class=\"default-formula-text-color\" dir=\"auto\">(<\/span><span class=\"string\" dir=\"auto\">&#8220;*&#8221;<\/span><span class=\"default-formula-text-color\" dir=\"auto\">,<\/span> <span class=\"string\" dir=\"auto\">&#8220;<span style=\"background-color: #ccffff\"><em>[Category to count]<\/em><\/span>&#8220;<\/span><span class=\"default-formula-text-color\" dir=\"auto\">,<\/span> <span class=\"string\" dir=\"auto\">&#8220;*&#8221;<\/span><span class=\"default-formula-text-color\" dir=\"auto\">)<\/span><span class=\"default-formula-text-color\" dir=\"auto\">)<\/span><\/div>\n<\/blockquote>\n<p><strong style=\"text-align: initial;font-size: 1em\">Here&#8217;s what this looks like in practice:<\/strong><\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_1040\" aria-describedby=\"caption-attachment-1040\" style=\"width: 1100px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Countif-function-in-Google-Forms-B.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-147 size-full\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-B.png\" alt=\"Spreadsheet function display\" width=\"1100\" height=\"356\" srcset=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-B.png 1100w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-B-300x97.png 300w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-B-1024x331.png 1024w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-B-768x249.png 768w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-B-65x21.png 65w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-B-225x73.png 225w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-B-350x113.png 350w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/a><figcaption id=\"caption-attachment-1040\" class=\"wp-caption-text\">To count the number of surveys that reported people writing in novels, I&#8217;ll use the function &#8220;=COUNTIF(<span style=\"background-color: #ccffcc\">B2:B1013<\/span>, CONCATENATE(&#8220;*&#8221;, &#8220;<span style=\"background-color: #ccffff\">Novels<\/span>&#8220;, &#8220;*&#8221;))&#8221;<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_1041\" aria-describedby=\"caption-attachment-1041\" style=\"width: 1310px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Countif-function-in-Google-Forms-A.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148 size-full\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-A.png\" alt=\"Spreadsheet function display\" width=\"1310\" height=\"364\" srcset=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-A.png 1310w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-A-300x83.png 300w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-A-1024x285.png 1024w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-A-768x213.png 768w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-A-65x18.png 65w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-A-225x63.png 225w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Countif-function-in-Google-Forms-A-350x97.png 350w\" sizes=\"auto, (max-width: 1310px) 100vw, 1310px\" \/><\/a><figcaption id=\"caption-attachment-1041\" class=\"wp-caption-text\">To count the number of surveys that reported people writing in textbooks, I&#8217;ll use the function &#8220;=COUNTIF(<span style=\"background-color: #ccffcc\">B2:B1013<\/span>, CONCATENATE(&#8220;*&#8221;, &#8220;<span style=\"background-color: #ccffff\">Textbooks<\/span>&#8220;, &#8220;*&#8221;))&#8221;<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p><strong>An explanation of the starting\/ending cells in this example&#8211;(B2:B1013)<\/strong><\/p>\n<p>In my worksheet example, the information I want to record is being put into Column B.<\/p>\n<p>As my &#8220;<span style=\"background-color: #ccffcc\">Starting Cell,<\/span>&#8221; I&#8217;ll use the first cell where my information is being recorded. (In this case, <em>B2<\/em>). As my &#8220;<span style=\"background-color: #ccffcc\">Ending Cell<\/span>,&#8221; I&#8217;ll pick a cell far down the very same column. In this example, I&#8217;ve chosen to use cell <em>B1013<\/em>. (This is a pretty arbitrary number in this case. I simply picked a number that seemed improbably high. I&#8217;d be delighted if 1,013 people responded to this survey, but it&#8217;d probably take a long time for this to happen, so it&#8217;s a safe bet to use that as the cell where Google will stop counting up responses.)<\/p>\n<h2><strong>Step 2.3: Use Table Data To Create Chart Displays<\/strong><\/h2>\n<p>Click &#8220;Insert&#8221; &gt; &#8220;Chart&#8221; and use each separate table as the basis for a display.<\/p>\n<h1 style=\"text-align: center\"><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Google-Forms-Insert-Chart.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-149\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-Forms-Insert-Chart.png\" alt=\"Google forms menu Insert Chart\" width=\"340\" height=\"470\" srcset=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-Forms-Insert-Chart.png 340w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-Forms-Insert-Chart-217x300.png 217w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-Forms-Insert-Chart-65x90.png 65w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-Forms-Insert-Chart-225x311.png 225w\" sizes=\"auto, (max-width: 340px) 100vw, 340px\" \/><\/a><\/h1>\n<p>You can customize what kind of chart you want to have and what should count as headers, labels, etc.<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Chart-editor-Google-Forms.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-150 size-full aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Chart-editor-Google-Forms-e1583629062332.png\" alt=\"Google Forms chart editor\" width=\"438\" height=\"828\" srcset=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Chart-editor-Google-Forms-e1583629062332.png 438w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Chart-editor-Google-Forms-e1583629062332-159x300.png 159w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Chart-editor-Google-Forms-e1583629062332-65x123.png 65w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Chart-editor-Google-Forms-e1583629062332-225x425.png 225w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Chart-editor-Google-Forms-e1583629062332-350x662.png 350w\" sizes=\"auto, (max-width: 438px) 100vw, 438px\" \/><\/a><\/p>\n<p>This is an example of the resulting chart:<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Google-chart-screenshot.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-151 aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-chart-screenshot.png\" alt=\"Screenshot of &quot;What do you annotate?&quot; pie chart\" width=\"640\" height=\"392\" srcset=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-chart-screenshot.png 640w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-chart-screenshot-300x184.png 300w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-chart-screenshot-65x40.png 65w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-chart-screenshot-225x138.png 225w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-chart-screenshot-350x214.png 350w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<h1 style=\"text-align: center\">Part 3: Embed Poll Displays Into H5P Activities<\/h1>\n<p><strong>Step 3.1<\/strong>: To display a version of this chart that will live-update in your book, you&#8217;ll want to start by copying the Google Forms link to the responsive version of your chart.<\/p>\n<p>To find this link, click on the three-dot menu icon at the corner of your chart.<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/google-forms-chart-menu.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-152 aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/google-forms-chart-menu.png\" alt=\"Google forms menu for an individual chart displays options to edit, delete, download, delete, publish, move, and create alt text for your chart.\" width=\"628\" height=\"398\" srcset=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/google-forms-chart-menu.png 628w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/google-forms-chart-menu-300x190.png 300w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/google-forms-chart-menu-65x41.png 65w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/google-forms-chart-menu-225x143.png 225w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/google-forms-chart-menu-350x222.png 350w\" sizes=\"auto, (max-width: 628px) 100vw, 628px\" \/><\/a><\/p>\n<p>Next, click on the &#8220;<strong>Publish Chart<\/strong>&#8221; dropdown option.<\/p>\n<p>You&#8217;ll see a screen that allows you to choose how your link will act when users click on it. I like to make sure that my own charts are labeled &#8220;interactive&#8221; (to display additional information on mouseover) and to check the box marked &#8220;Automatically republish when changes are made.&#8221; <strong>Copy the resulting link.\u00a0<\/strong><\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/Google-forms-chart-publish-to-the-web.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-153 aligncenter\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-forms-chart-publish-to-the-web.png\" alt=\"the &quot;Publishing&quot; dropdown provides a link in the &quot;publish to the web&quot; section\" width=\"806\" height=\"1062\" srcset=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-forms-chart-publish-to-the-web.png 806w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-forms-chart-publish-to-the-web-228x300.png 228w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-forms-chart-publish-to-the-web-777x1024.png 777w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-forms-chart-publish-to-the-web-768x1012.png 768w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-forms-chart-publish-to-the-web-65x86.png 65w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-forms-chart-publish-to-the-web-225x296.png 225w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/Google-forms-chart-publish-to-the-web-350x461.png 350w\" sizes=\"auto, (max-width: 806px) 100vw, 806px\" \/><\/a><\/p>\n<p><strong>Step 3.2<\/strong>: Create an <a href=\"https:\/\/h5p.org\/iframe-embedder\">H5P Iframe Embedder activity<\/a> and add the link you&#8217;ve copied to the &#8220;Source&#8221; textbox.<\/p>\n<p><a href=\"https:\/\/wisc.pb.unizin.org\/app\/uploads\/sites\/194\/2020\/03\/H5P-Settings-for-interactive-Chart.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-154\" src=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/H5P-Settings-for-interactive-Chart.png\" alt=\"H5P Iframe embedder activity\" width=\"1310\" height=\"1180\" srcset=\"https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/H5P-Settings-for-interactive-Chart.png 1310w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/H5P-Settings-for-interactive-Chart-300x270.png 300w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/H5P-Settings-for-interactive-Chart-1024x922.png 1024w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/H5P-Settings-for-interactive-Chart-768x692.png 768w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/H5P-Settings-for-interactive-Chart-65x59.png 65w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/H5P-Settings-for-interactive-Chart-225x203.png 225w, https:\/\/integrations.pressbooks.network\/app\/uploads\/sites\/92\/2020\/04\/H5P-Settings-for-interactive-Chart-350x315.png 350w\" sizes=\"auto, (max-width: 1310px) 100vw, 1310px\" \/><\/a><\/p>\n<p><strong>Step 3.3<\/strong>: Add your H5P activity to your text.<\/p>\n<p>Here&#8217;s an example of what we just made:<\/p>\n<div id=\"h5p-32\">\n<div class=\"h5p-content\" data-content-id=\"32\"><\/div>\n<\/div>\n<hr class=\"before-footnotes clear\" \/><div class=\"footnotes\"><ol><li id=\"footnote-155-1\">In the example spreadsheet provided, you'll see duplicate tables and chart displays. There are duplicate displays in this example because we were creating chart outputs of two different sizes--one for the annotation layer and one for the larger display. Unfortunately, Google doesn't let you send information from one table to two different charts. <a href=\"#return-footnote-155-1\" class=\"return-footnote\" aria-label=\"Return to footnote 1\">&crarr;<\/a><\/li><\/ol><\/div>","protected":false},"author":14,"menu_order":6,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":["naomi-salmon"],"pb_section_license":"cc-by"},"chapter-type":[],"contributor":[61],"license":[52],"class_list":["post-155","chapter","type-chapter","status-publish","hentry","contributor-naomi-salmon","license-cc-by"],"part":135,"_links":{"self":[{"href":"https:\/\/integrations.pressbooks.network\/demobook\/wp-json\/pressbooks\/v2\/chapters\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/integrations.pressbooks.network\/demobook\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/integrations.pressbooks.network\/demobook\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/integrations.pressbooks.network\/demobook\/wp-json\/wp\/v2\/users\/14"}],"version-history":[{"count":2,"href":"https:\/\/integrations.pressbooks.network\/demobook\/wp-json\/pressbooks\/v2\/chapters\/155\/revisions"}],"predecessor-version":[{"id":238,"href":"https:\/\/integrations.pressbooks.network\/demobook\/wp-json\/pressbooks\/v2\/chapters\/155\/revisions\/238"}],"part":[{"href":"https:\/\/integrations.pressbooks.network\/demobook\/wp-json\/pressbooks\/v2\/parts\/135"}],"metadata":[{"href":"https:\/\/integrations.pressbooks.network\/demobook\/wp-json\/pressbooks\/v2\/chapters\/155\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/integrations.pressbooks.network\/demobook\/wp-json\/wp\/v2\/media?parent=155"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/integrations.pressbooks.network\/demobook\/wp-json\/pressbooks\/v2\/chapter-type?post=155"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/integrations.pressbooks.network\/demobook\/wp-json\/wp\/v2\/contributor?post=155"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/integrations.pressbooks.network\/demobook\/wp-json\/wp\/v2\/license?post=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}