8df94986f343f4570b29822003a445d0a2ef9197
dschmelt
  Wed Aug 19 16:04:45 2020 -0700
Adding images to barChart.html #23679

diff --git src/hg/htdocs/goldenPath/help/barChart.html src/hg/htdocs/goldenPath/help/barChart.html
index 3b5e385..b791c16 100755
--- src/hg/htdocs/goldenPath/help/barChart.html
+++ src/hg/htdocs/goldenPath/help/barChart.html
@@ -23,31 +23,42 @@
 shown via a boxplot graph shown on the details page for each region.</p>
 <p>
 The barChart format is available as a standalone plain text bed6+ format 
 for use with smaller datasets as a custom track, and as a binary indexed format (bigBarChart) 
 suitable for track hubs and custom tracks.
 The bigBarChart format provides more track customization
 features (i.e. schema customization, and label configuration support), and
 is recommended for users who can use command-line tools and have web-accessible data storage. If
 you do not have web-accessible data storage, please see the <a href="hgTrackHubHelp.html#Hosting">
 Hosting</a> section of the Track Hub Help documentation.
 barChart format files are converted to bigBarChart files using the program 
 <code>bedToBigBed</code>, run with the <code>-as</code> option to pull in a special 
 <a href="http://www.linuxjournal.com/article/5949" target="_blank">autoSql</a> (<em>.as</em>) 
 schema file defining the fields of the bigBarChart.
 </p>
-
+<p>
+Below is an example of the barChart format in 'full' visibility mode</p>
+<p class='text-center'>
+  <img class='text-center' src="images/barChartFull.png" alt="BarChart example in full mode" width="499" height="299">
+</p>
+<p>
+The Squish display mode draws a rectangle for each gene, colored to indicate the tissue 
+with highest expression level if it contributes more than 10% to the overall expression 
+(and colored black if no tissue predominates).</p>
+<p class='text-center'>
+  <img class='text-center' src="images/barChartSquish.png" alt="BarChart example in squish mode" width="499" height="299">
+</p>
 
 <a name=barChart></a>
 <h2>barChart format definition</h2>
 <p>
 The following autoSql definition illustrates the basic schema supporting barChart (and 
 bigBarChart) tracks.</p>
 
 <pre><code>table bigBarChart
 "bigBarChart bar graph display"  
     ( 
     string chrom;               "Reference sequence chromosome or scaffold"
     uint chromStart;            "Start position in chromosome"
     uint chromEnd;              "End position in chromosome"
     string name;                "Name or ID of item"
     uint score;                 "Score (0-1000)"