{"id":140,"date":"2020-07-23T18:55:44","date_gmt":"2020-07-23T18:55:44","guid":{"rendered":"https:\/\/courses.lumenlearning.com\/suny-esc-technicalwriting\/?post_type=chapter&#038;p=140"},"modified":"2020-11-12T17:22:32","modified_gmt":"2020-11-12T17:22:32","slug":"conventions-for-integrating-visuals-into-technical-documents","status":"publish","type":"chapter","link":"https:\/\/courses.lumenlearning.com\/suny-esc-technicalwriting\/chapter\/conventions-for-integrating-visuals-into-technical-documents\/","title":{"raw":"Integrating Visuals into Technical Documents","rendered":"Integrating Visuals into Technical Documents"},"content":{"raw":"<h2>General Practices for Tables &amp; Figures<\/h2>\r\n<img class=\"size-medium wp-image-791 alignright\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5366\/2020\/07\/14185607\/587-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" \/>\r\n\r\nOther pages in this section refer to some of these guidelines. However, integrating visuals into text is important enough to warrant a summary of common guidelines for using visuals.\r\n<h3>Placing Visuals within a Document<\/h3>\r\nIdentify places in text where visuals will increase your communication's usability and persuasiveness. In general, put visuals as close as possible to their accompanying text, but make sure that they do not alter the flow of the text. Introduce each visual in the text first, and always make sure that visuals have accompanying text; no visual should stand alone. Visuals enhance text.\r\n<h3>Title Placement for Visuals<\/h3>\r\nPlace table titles above the table, since we read from top to bottom. Place figure titles below the figure, since a reader's eye will go to the image first before the text.\r\n<h3>Numbering Visuals<\/h3>\r\nNumber the titles so that there's a clear relationship between the visual and the text information the visual represents. For most documents, use regular numbers in sequence (not roman numerals or letters), for example Table 1, Table 2, Figure 1, Figure 2. If you have a very lengthy technical document with a large number of sections and a large number of visuals in each section, you may label by section, e.g., Table 1.3, Table 2.6, Figure 1.7, Figure 4.4.\r\n<h3>Citing Visuals<\/h3>\r\nIf you've taken a visual from another source, include a footnote at the end of the title, and the full citation at the end of the page or the document. You may also opt to mention that source as part of the title; you still need the footnote in most cases.\r\n<h3>Referring to Visuals<\/h3>\r\nWhenever you use a chart or graph, refer to it in your text by number and\/or name. Do not refer to it by location (\"the photograph above\" or \"the table below\").\r\n<h3>Explaining Visuals in the Text<\/h3>\r\nYour text usually offers fuller explanation, analysis of, and\/or conclusions drawn from the information provided in the visual. Remember that visuals provide information in shorter form; your text provides information in full.\r\n<div class=\"textbox key-takeaways\">\r\n<h3>sample chart integrated into text<\/h3>\r\nNote that the text immediately before and after the chart calls attention to the chart and briefly indicates its significance.\r\n\r\n&nbsp;\r\n\r\nIn recent benchmark tests performed by PC Magazine, all three of the systems compared here performed at or near the same levels. <sup>[1]<\/sup> The Micron system comes out on top with slightly better average scores, as shown in Figure 5.\r\n\r\n<img class=\"wp-image-790 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5366\/2020\/07\/14183552\/586-300x181.jpg\" alt=\"\" width=\"570\" height=\"344\" \/>\r\n<p style=\"text-align: center\">Figure 5. Benchmark ratings of system performance <sup>[1]<\/sup><\/p>\r\nIt is important to note that the Gateway P5 system used in these tests was equipped with 256K Pipeline Burst cache\u2014a feature not present in the basic configuration noted in Figure 5. The lack of secondary cache in Pentium systems is widely regarded to result in a decrease in system performance of up to 30%.\r\n\r\n<\/div>\r\n<h3>Level of Information in Visuals<\/h3>\r\nMake sure your visuals are appropriate to your audience, subject matter, and purpose. Don't overload non-technical audiences with highly technical information in visuals.\r\n<h3>Clarity<\/h3>\r\nMake sure visuals are clear and easy to read. Text within a visual should be sized appropriately.\r\n<figure><\/figure>","rendered":"<h2>General Practices for Tables &amp; Figures<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-791 alignright\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5366\/2020\/07\/14185607\/587-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" \/><\/p>\n<p>Other pages in this section refer to some of these guidelines. However, integrating visuals into text is important enough to warrant a summary of common guidelines for using visuals.<\/p>\n<h3>Placing Visuals within a Document<\/h3>\n<p>Identify places in text where visuals will increase your communication&#8217;s usability and persuasiveness. In general, put visuals as close as possible to their accompanying text, but make sure that they do not alter the flow of the text. Introduce each visual in the text first, and always make sure that visuals have accompanying text; no visual should stand alone. Visuals enhance text.<\/p>\n<h3>Title Placement for Visuals<\/h3>\n<p>Place table titles above the table, since we read from top to bottom. Place figure titles below the figure, since a reader&#8217;s eye will go to the image first before the text.<\/p>\n<h3>Numbering Visuals<\/h3>\n<p>Number the titles so that there&#8217;s a clear relationship between the visual and the text information the visual represents. For most documents, use regular numbers in sequence (not roman numerals or letters), for example Table 1, Table 2, Figure 1, Figure 2. If you have a very lengthy technical document with a large number of sections and a large number of visuals in each section, you may label by section, e.g., Table 1.3, Table 2.6, Figure 1.7, Figure 4.4.<\/p>\n<h3>Citing Visuals<\/h3>\n<p>If you&#8217;ve taken a visual from another source, include a footnote at the end of the title, and the full citation at the end of the page or the document. You may also opt to mention that source as part of the title; you still need the footnote in most cases.<\/p>\n<h3>Referring to Visuals<\/h3>\n<p>Whenever you use a chart or graph, refer to it in your text by number and\/or name. Do not refer to it by location (&#8220;the photograph above&#8221; or &#8220;the table below&#8221;).<\/p>\n<h3>Explaining Visuals in the Text<\/h3>\n<p>Your text usually offers fuller explanation, analysis of, and\/or conclusions drawn from the information provided in the visual. Remember that visuals provide information in shorter form; your text provides information in full.<\/p>\n<div class=\"textbox key-takeaways\">\n<h3>sample chart integrated into text<\/h3>\n<p>Note that the text immediately before and after the chart calls attention to the chart and briefly indicates its significance.<\/p>\n<p>&nbsp;<\/p>\n<p>In recent benchmark tests performed by PC Magazine, all three of the systems compared here performed at or near the same levels. <sup>[1]<\/sup> The Micron system comes out on top with slightly better average scores, as shown in Figure 5.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-790 aligncenter\" src=\"https:\/\/s3-us-west-2.amazonaws.com\/courses-images\/wp-content\/uploads\/sites\/5366\/2020\/07\/14183552\/586-300x181.jpg\" alt=\"\" width=\"570\" height=\"344\" \/><\/p>\n<p style=\"text-align: center\">Figure 5. Benchmark ratings of system performance <sup>[1]<\/sup><\/p>\n<p>It is important to note that the Gateway P5 system used in these tests was equipped with 256K Pipeline Burst cache\u2014a feature not present in the basic configuration noted in Figure 5. The lack of secondary cache in Pentium systems is widely regarded to result in a decrease in system performance of up to 30%.<\/p>\n<\/div>\n<h3>Level of Information in Visuals<\/h3>\n<p>Make sure your visuals are appropriate to your audience, subject matter, and purpose. Don&#8217;t overload non-technical audiences with highly technical information in visuals.<\/p>\n<h3>Clarity<\/h3>\n<p>Make sure visuals are clear and easy to read. Text within a visual should be sized appropriately.<\/p>\n<figure><\/figure>\n\n\t\t\t <section class=\"citations-section\" role=\"contentinfo\">\n\t\t\t <h3>Candela Citations<\/h3>\n\t\t\t\t\t <div>\n\t\t\t\t\t\t <div id=\"citation-list-140\">\n\t\t\t\t\t\t\t <div class=\"licensing\"><div class=\"license-attribution-dropdown-subheading\">CC licensed content, Original<\/div><ul class=\"citation-list\"><li>Integrating Visuals into Technical Documents, adapted from OpenTechnical Communication, Technical Writing Essentials and Technical Writing; attributions below. <strong>Authored by<\/strong>: Susan Oaks. <strong>Provided by<\/strong>: Empire State College, SUNY. <strong>Project<\/strong>: Technical Writing. <strong>License<\/strong>: <em><a target=\"_blank\" rel=\"license\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc\/4.0\/\">CC BY-NC: Attribution-NonCommercial<\/a><\/em><\/li><\/ul><div class=\"license-attribution-dropdown-subheading\">CC licensed content, Shared previously<\/div><ul class=\"citation-list\"><li>Tables, Charts, and Graphs (page 3 of 3). <strong>Authored by<\/strong>: David McMurrey &amp; Tamara Powell. <strong>Provided by<\/strong>: Kennesaw State University. <strong>Located at<\/strong>: <a target=\"_blank\" href=\"https:\/\/softchalkcloud.com\/lesson\/serve\/CyJVR8n2tDx47P\/html\">https:\/\/softchalkcloud.com\/lesson\/serve\/CyJVR8n2tDx47P\/html<\/a>. <strong>Project<\/strong>: Open Technical Communication. <strong>License<\/strong>: <em><a target=\"_blank\" rel=\"license\" href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\">CC BY: Attribution<\/a><\/em><\/li><li>Graphics. <strong>Authored by<\/strong>: David McMurrey. <strong>Provided by<\/strong>: Kennesaw State University. <strong>Located at<\/strong>: <a target=\"_blank\" href=\"https:\/\/softchalkcloud.com\/lesson\/serve\/BXntJUzQp09kyg\/html\">https:\/\/softchalkcloud.com\/lesson\/serve\/BXntJUzQp09kyg\/html<\/a>. <strong>Project<\/strong>: Open Technical Communication. <strong>License<\/strong>: <em><a target=\"_blank\" rel=\"license\" href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\">CC BY: Attribution<\/a><\/em><\/li><li>3.4 Figures and Tables. <strong>Authored by<\/strong>: Suzan Last. <strong>Provided by<\/strong>: University of Victoria. <strong>Located at<\/strong>: <a target=\"_blank\" href=\"https:\/\/pressbooks.bccampus.ca\/technicalwriting\/chapter\/figurestables\/#chapter-737-section-1\">https:\/\/pressbooks.bccampus.ca\/technicalwriting\/chapter\/figurestables\/#chapter-737-section-1<\/a>. <strong>Project<\/strong>: Technical Writing Essentials. <strong>License<\/strong>: <em><a target=\"_blank\" rel=\"license\" href=\"https:\/\/creativecommons.org\/licenses\/by\/4.0\/\">CC BY: Attribution<\/a><\/em><\/li><li>General Design Concepts. <strong>Authored by<\/strong>: WikiBooks. <strong>Provided by<\/strong>: Lumen Learning. <strong>Located at<\/strong>: <a target=\"_blank\" href=\"https:\/\/courses.lumenlearning.com\/technicalwriting\/chapter\/general-design-concepts\/\">https:\/\/courses.lumenlearning.com\/technicalwriting\/chapter\/general-design-concepts\/<\/a>. <strong>Project<\/strong>: Technical Writing. <strong>License<\/strong>: <em><a target=\"_blank\" rel=\"license\" href=\"https:\/\/creativecommons.org\/licenses\/by-sa\/4.0\/\">CC BY-SA: Attribution-ShareAlike<\/a><\/em><\/li><li>image of computer screens with graphs. <strong>Authored by<\/strong>: yatsusimnetcojp. <strong>Provided by<\/strong>: Pixabay. <strong>Located at<\/strong>: <a target=\"_blank\" href=\"https:\/\/pixabay.com\/photos\/data-chart-graph-monitor-marketing-4570804\/\">https:\/\/pixabay.com\/photos\/data-chart-graph-monitor-marketing-4570804\/<\/a>. <strong>License<\/strong>: <em><a target=\"_blank\" rel=\"license\" href=\"https:\/\/creativecommons.org\/about\/cc0\">CC0: No Rights Reserved<\/a><\/em><\/li><\/ul><\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t <\/div>\n\t\t\t <\/section>","protected":false},"author":81366,"menu_order":4,"template":"","meta":{"_candela_citation":"[{\"type\":\"original\",\"description\":\"Integrating Visuals into Technical Documents, adapted from OpenTechnical Communication, Technical Writing Essentials and Technical Writing; attributions below\",\"author\":\"Susan Oaks\",\"organization\":\"Empire State College, SUNY\",\"url\":\"\",\"project\":\"Technical Writing\",\"license\":\"cc-by-nc\",\"license_terms\":\"\"},{\"type\":\"cc\",\"description\":\"Tables, Charts, and Graphs (page 3 of 3)\",\"author\":\"David McMurrey & Tamara Powell\",\"organization\":\"Kennesaw State University\",\"url\":\"https:\/\/softchalkcloud.com\/lesson\/serve\/CyJVR8n2tDx47P\/html\",\"project\":\"Open Technical Communication\",\"license\":\"cc-by\",\"license_terms\":\"\"},{\"type\":\"cc\",\"description\":\"Graphics\",\"author\":\"David McMurrey\",\"organization\":\"Kennesaw State University\",\"url\":\"https:\/\/softchalkcloud.com\/lesson\/serve\/BXntJUzQp09kyg\/html\",\"project\":\"Open Technical Communication\",\"license\":\"cc-by\",\"license_terms\":\"\"},{\"type\":\"cc\",\"description\":\"3.4 Figures and Tables\",\"author\":\"Suzan Last\",\"organization\":\"University of Victoria\",\"url\":\"https:\/\/pressbooks.bccampus.ca\/technicalwriting\/chapter\/figurestables\/#chapter-737-section-1\",\"project\":\"Technical Writing Essentials\",\"license\":\"cc-by\",\"license_terms\":\"\"},{\"type\":\"cc\",\"description\":\"General Design Concepts\",\"author\":\"WikiBooks\",\"organization\":\"Lumen Learning\",\"url\":\"https:\/\/courses.lumenlearning.com\/technicalwriting\/chapter\/general-design-concepts\/\",\"project\":\"Technical Writing\",\"license\":\"cc-by-sa\",\"license_terms\":\"\"},{\"type\":\"cc\",\"description\":\"image of computer screens with graphs\",\"author\":\"yatsusimnetcojp\",\"organization\":\"Pixabay\",\"url\":\"https:\/\/pixabay.com\/photos\/data-chart-graph-monitor-marketing-4570804\/\",\"project\":\"\",\"license\":\"cc0\",\"license_terms\":\"\"}]","CANDELA_OUTCOMES_GUID":"","pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-140","chapter","type-chapter","status-publish","hentry"],"part":117,"_links":{"self":[{"href":"https:\/\/courses.lumenlearning.com\/suny-esc-technicalwriting\/wp-json\/pressbooks\/v2\/chapters\/140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courses.lumenlearning.com\/suny-esc-technicalwriting\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/courses.lumenlearning.com\/suny-esc-technicalwriting\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-esc-technicalwriting\/wp-json\/wp\/v2\/users\/81366"}],"version-history":[{"count":13,"href":"https:\/\/courses.lumenlearning.com\/suny-esc-technicalwriting\/wp-json\/pressbooks\/v2\/chapters\/140\/revisions"}],"predecessor-version":[{"id":1615,"href":"https:\/\/courses.lumenlearning.com\/suny-esc-technicalwriting\/wp-json\/pressbooks\/v2\/chapters\/140\/revisions\/1615"}],"part":[{"href":"https:\/\/courses.lumenlearning.com\/suny-esc-technicalwriting\/wp-json\/pressbooks\/v2\/parts\/117"}],"metadata":[{"href":"https:\/\/courses.lumenlearning.com\/suny-esc-technicalwriting\/wp-json\/pressbooks\/v2\/chapters\/140\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/courses.lumenlearning.com\/suny-esc-technicalwriting\/wp-json\/wp\/v2\/media?parent=140"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-esc-technicalwriting\/wp-json\/pressbooks\/v2\/chapter-type?post=140"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-esc-technicalwriting\/wp-json\/wp\/v2\/contributor?post=140"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/suny-esc-technicalwriting\/wp-json\/wp\/v2\/license?post=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}