docs/index.html

<!doctype html>
<html>
<head>
  <meta charset='utf-8' />
  <title>dexjs 0.1.0 | Documentation</title>
  <meta name='viewport' content='width=device-width,initial-scale=1'>
  <link href='assets/bass.css' type='text/css' rel='stylesheet' />
  <link href='assets/style.css' type='text/css' rel='stylesheet' />
  <link href='assets/github.css' type='text/css' rel='stylesheet' />
</head>
<body class='documentation'>
  <div class='max-width-4 mx-auto'>
    <div class='clearfix md-mxn2'>
      <div class='fixed xs-hide fix-3 overflow-auto max-height-100'>
        <div class='py1 px2'>
          <h3 class='mb0 no-anchor'>dexjs</h3>
          <div class='mb1'><code>0.1.0</code></div>
          <input
            placeholder='Filter'
            id='filter-input'
            class='col12 block input'
            type='text' />
          <div id='toc'>
            <ul class='list-reset h5 py1-ul'>
              
                
                <li><a
                  href='#dex'
                  class=" toggle-sibling">
                  dex
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dexrange'
                        class='regular pre-open'>
                        .range
                      </a></li>
                    
                      <li><a
                        href='#dexrange'
                        class='regular pre-open'>
                        .range
                      </a></li>
                    
                      <li><a
                        href='#dex.range'
                        class='regular pre-open'>
                        .range
                      </a></li>
                    
                      <li><a
                        href='#dex.copy'
                        class='regular pre-open'>
                        .copy
                      </a></li>
                    
                      <li><a
                        href='#dex.logLevels'
                        class='regular pre-open'>
                        .logLevels
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexarray'
                  class=" toggle-sibling">
                  dex/array
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/arraycombine'
                        class='regular pre-open'>
                        .combine
                      </a></li>
                    
                      <li><a
                        href='#dex/arraycopy'
                        class='regular pre-open'>
                        .copy
                      </a></li>
                    
                      <li><a
                        href='#dex/arrayextent'
                        class='regular pre-open'>
                        .extent
                      </a></li>
                    
                      <li><a
                        href='#dex/arrayfindIndexes'
                        class='regular pre-open'>
                        .findIndexes
                      </a></li>
                    
                      <li><a
                        href='#dex/arraygetCombinations'
                        class='regular pre-open'>
                        .getCombinations
                      </a></li>
                    
                      <li><a
                        href='#dex/arraygetPermutations'
                        class='regular pre-open'>
                        .getPermutations
                      </a></li>
                    
                      <li><a
                        href='#dex/arrayguessType'
                        class='regular pre-open'>
                        .guessType
                      </a></li>
                    
                      <li><a
                        href='#dex/arrayisNumeric'
                        class='regular pre-open'>
                        .isNumeric
                      </a></li>
                    
                      <li><a
                        href='#dex/arraynaturalUnique'
                        class='regular pre-open'>
                        .naturalUnique
                      </a></li>
                    
                      <li><a
                        href='#dex/arrayremoveIndex'
                        class='regular pre-open'>
                        .removeIndex
                      </a></li>
                    
                      <li><a
                        href='#dex/arrayslice'
                        class='regular pre-open'>
                        .slice
                      </a></li>
                    
                      <li><a
                        href='#dex/arrayunique'
                        class='regular pre-open'>
                        .unique
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexcolor'
                  class=" toggle-sibling">
                  dex/color
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/colorshadeColor'
                        class='regular pre-open'>
                        .shadeColor
                      </a></li>
                    
                      <li><a
                        href='#dex/colorblendColors'
                        class='regular pre-open'>
                        .blendColors
                      </a></li>
                    
                      <li><a
                        href='#dex/colorcolormap'
                        class='regular pre-open'>
                        .colormap
                      </a></li>
                    
                      <li><a
                        href='#dex/colorcolormaps'
                        class='regular pre-open'>
                        .colormaps
                      </a></li>
                    
                      <li><a
                        href='#dex/colorinterpolateCategorical'
                        class='regular pre-open'>
                        .interpolateCategorical
                      </a></li>
                    
                      <li><a
                        href='#dex/colorgetColormap'
                        class='regular pre-open'>
                        .getColormap
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexconfig'
                  class=" toggle-sibling">
                  dex/config
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/configexpand'
                        class='regular pre-open'>
                        .expand
                      </a></li>
                    
                      <li><a
                        href='#dex/configexpandAndOverlay'
                        class='regular pre-open'>
                        .expandAndOverlay
                      </a></li>
                    
                      <li><a
                        href='#dex/configfont'
                        class='regular pre-open'>
                        .font
                      </a></li>
                    
                      <li><a
                        href='#dex/configconfigureFont'
                        class='regular pre-open'>
                        .configureFont
                      </a></li>
                    
                      <li><a
                        href='#dex/configtext'
                        class='regular pre-open'>
                        .text
                      </a></li>
                    
                      <li><a
                        href='#dex/configconfigureText'
                        class='regular pre-open'>
                        .configureText
                      </a></li>
                    
                      <li><a
                        href='#dex/configstroke'
                        class='regular pre-open'>
                        .stroke
                      </a></li>
                    
                      <li><a
                        href='#dex/configconfigureStroke'
                        class='regular pre-open'>
                        .configureStroke
                      </a></li>
                    
                      <li><a
                        href='#dex/configfill'
                        class='regular pre-open'>
                        .fill
                      </a></li>
                    
                      <li><a
                        href='#dex/configconfigureFill'
                        class='regular pre-open'>
                        .configureFill
                      </a></li>
                    
                      <li><a
                        href='#dex/configlink'
                        class='regular pre-open'>
                        .link
                      </a></li>
                    
                      <li><a
                        href='#dex/configconfigureLink'
                        class='regular pre-open'>
                        .configureLink
                      </a></li>
                    
                      <li><a
                        href='#dex/configrectangle'
                        class='regular pre-open'>
                        .rectangle
                      </a></li>
                    
                      <li><a
                        href='#dex/configevents'
                        class='regular pre-open'>
                        .events
                      </a></li>
                    
                      <li><a
                        href='#dex/configline'
                        class='regular pre-open'>
                        .line
                      </a></li>
                    
                      <li><a
                        href='#dex/configpath'
                        class='regular pre-open'>
                        .path
                      </a></li>
                    
                      <li><a
                        href='#dex/configcallIfDefined'
                        class='regular pre-open'>
                        .callIfDefined
                      </a></li>
                    
                      <li><a
                        href='#dex/configpoint'
                        class='regular pre-open'>
                        .point
                      </a></li>
                    
                      <li><a
                        href='#dex/configcircle'
                        class='regular pre-open'>
                        .circle
                      </a></li>
                    
                      <li><a
                        href='#dex/configtick'
                        class='regular pre-open'>
                        .tick
                      </a></li>
                    
                      <li><a
                        href='#dex/configaxis'
                        class='regular pre-open'>
                        .axis
                      </a></li>
                    
                      <li><a
                        href='#dex/configconfigureAxis'
                        class='regular pre-open'>
                        .configureAxis
                      </a></li>
                    
                      <li><a
                        href='#dex/configscale'
                        class='regular pre-open'>
                        .scale
                      </a></li>
                    
                      <li><a
                        href='#dex/configcreateScale'
                        class='regular pre-open'>
                        .createScale
                      </a></li>
                    
                      <li><a
                        href='#dex/configlinearScale'
                        class='regular pre-open'>
                        .linearScale
                      </a></li>
                    
                      <li><a
                        href='#dex/configpowScale'
                        class='regular pre-open'>
                        .powScale
                      </a></li>
                    
                      <li><a
                        href='#dex/configsqrtScale'
                        class='regular pre-open'>
                        .sqrtScale
                      </a></li>
                    
                      <li><a
                        href='#dex/configlogScale'
                        class='regular pre-open'>
                        .logScale
                      </a></li>
                    
                      <li><a
                        href='#dex/configordinalScale'
                        class='regular pre-open'>
                        .ordinalScale
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexconfiggui'
                  class=" toggle-sibling">
                  dex/config/gui
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/config/guidimensions'
                        class='regular pre-open'>
                        .dimensions
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexconsole'
                  class=" toggle-sibling">
                  dex/console
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/consolelogWithLevel'
                        class='regular pre-open'>
                        .logWithLevel
                      </a></li>
                    
                      <li><a
                        href='#dex/consoletrace'
                        class='regular pre-open'>
                        .trace
                      </a></li>
                    
                      <li><a
                        href='#dex/consoledebug'
                        class='regular pre-open'>
                        .debug
                      </a></li>
                    
                      <li><a
                        href='#dex/consolelog'
                        class='regular pre-open'>
                        .log
                      </a></li>
                    
                      <li><a
                        href='#dex/consolewarn'
                        class='regular pre-open'>
                        .warn
                      </a></li>
                    
                      <li><a
                        href='#dex/consolefatal'
                        class='regular pre-open'>
                        .fatal
                      </a></li>
                    
                      <li><a
                        href='#dex/consolelogLevel'
                        class='regular pre-open'>
                        .logLevel
                      </a></li>
                    
                      <li><a
                        href='#dex/consolelogLevels'
                        class='regular pre-open'>
                        .logLevels
                      </a></li>
                    
                      <li><a
                        href='#dex/consolestacktrace'
                        class='regular pre-open'>
                        .stacktrace
                      </a></li>
                    
                      <li><a
                        href='#dex/consolelogStringWithLevel'
                        class='regular pre-open'>
                        .logStringWithLevel
                      </a></li>
                    
                      <li><a
                        href='#dex/consolelogString'
                        class='regular pre-open'>
                        .logString
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#csv'
                  class=" toggle-sibling">
                  csv
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  
                    <ul class='list-reset py1-ul pl1'>
                      <li class='h5'><span>Instance members</span></li>
                      
                      <li><a
                        href='#csv#transpose'
                        class='regular pre-open'>
                        #transpose
                      </a></li>
                      
                      <li><a
                        href='#csv#getConnectionMatrix'
                        class='regular pre-open'>
                        #getConnectionMatrix
                      </a></li>
                      
                      <li><a
                        href='#csv#getColumnName'
                        class='regular pre-open'>
                        #getColumnName
                      </a></li>
                      
                      <li><a
                        href='#csv#getColumnData'
                        class='regular pre-open'>
                        #getColumnData
                      </a></li>
                      
                      <li><a
                        href='#csv#toJson'
                        class='regular pre-open'>
                        #toJson
                      </a></li>
                      
                      <li><a
                        href='#csv#toColumnArrayJson'
                        class='regular pre-open'>
                        #toColumnArrayJson
                      </a></li>
                      
                      <li><a
                        href='#csv#copy'
                        class='regular pre-open'>
                        #copy
                      </a></li>
                      
                      <li><a
                        href='#csv#toHierarchicalJson'
                        class='regular pre-open'>
                        #toHierarchicalJson
                      </a></li>
                      
                      <li><a
                        href='#csv#connections'
                        class='regular pre-open'>
                        #connections
                      </a></li>
                      
                      <li><a
                        href='#csv#createRowMap'
                        class='regular pre-open'>
                        #createRowMap
                      </a></li>
                      
                      <li><a
                        href='#csv#columnSlice'
                        class='regular pre-open'>
                        #columnSlice
                      </a></li>
                      
                      <li><a
                        href='#csv#getNumericColumnNames'
                        class='regular pre-open'>
                        #getNumericColumnNames
                      </a></li>
                      
                      <li><a
                        href='#csv#guessTypes'
                        class='regular pre-open'>
                        #guessTypes
                      </a></li>
                      
                      <li><a
                        href='#csv#strictTypes'
                        class='regular pre-open'>
                        #strictTypes
                      </a></li>
                      
                      <li><a
                        href='#csv#getFramesByIndex'
                        class='regular pre-open'>
                        #getFramesByIndex
                      </a></li>
                      
                      <li><a
                        href='#csv#getPermutationFrames'
                        class='regular pre-open'>
                        #getPermutationFrames
                      </a></li>
                      
                      <li><a
                        href='#csv#getCombinationFrames'
                        class='regular pre-open'>
                        #getCombinationFrames
                      </a></li>
                      
                      <li><a
                        href='#csv#getNumericIndices'
                        class='regular pre-open'>
                        #getNumericIndices
                      </a></li>
                      
                      <li><a
                        href='#csv#isColumnNumeric'
                        class='regular pre-open'>
                        #isColumnNumeric
                      </a></li>
                      
                      <li><a
                        href='#csv#summary'
                        class='regular pre-open'>
                        #summary
                      </a></li>
                      
                      <li><a
                        href='#csv#group'
                        class='regular pre-open'>
                        #group
                      </a></li>
                      
                      <li><a
                        href='#csv#visitCells'
                        class='regular pre-open'>
                        #visitCells
                      </a></li>
                      
                      <li><a
                        href='#csv#longestWord'
                        class='regular pre-open'>
                        #longestWord
                      </a></li>
                      
                      <li><a
                        href='#csv#numericSubset'
                        class='regular pre-open'>
                        #numericSubset
                      </a></li>
                      
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexdatagen'
                  class=" toggle-sibling">
                  dex/datagen
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/datagenrandomMatrix'
                        class='regular pre-open'>
                        .randomMatrix
                      </a></li>
                    
                      <li><a
                        href='#dex/datagenidentityCsv'
                        class='regular pre-open'>
                        .identityCsv
                      </a></li>
                    
                      <li><a
                        href='#dex/datagenidentityMatrix'
                        class='regular pre-open'>
                        .identityMatrix
                      </a></li>
                    
                      <li><a
                        href='#dex/datagenidentityHeader'
                        class='regular pre-open'>
                        .identityHeader
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexgeometry'
                  class=" toggle-sibling">
                  dex/geometry
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/geometrygetSqDist'
                        class='regular pre-open'>
                        .getSqDist
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexio'
                  class="">
                  dex/io
                  
                </a>
                
                </li>
              
                
                <li><a
                  href='#dexjson'
                  class=" toggle-sibling">
                  dex/json
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/jsontoCsv'
                        class='regular pre-open'>
                        .toCsv
                      </a></li>
                    
                      <li><a
                        href='#dex/jsonkeys'
                        class='regular pre-open'>
                        .keys
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexmatrix'
                  class=" toggle-sibling">
                  dex/matrix
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/matrixslice'
                        class='regular pre-open'>
                        .slice
                      </a></li>
                    
                      <li><a
                        href='#dex/matrixuniques'
                        class='regular pre-open'>
                        .uniques
                      </a></li>
                    
                      <li><a
                        href='#dex/matrixtranspose'
                        class='regular pre-open'>
                        .transpose
                      </a></li>
                    
                      <li><a
                        href='#dex/matrixflatten'
                        class='regular pre-open'>
                        .flatten
                      </a></li>
                    
                      <li><a
                        href='#dex/matrixextent'
                        class='regular pre-open'>
                        .extent
                      </a></li>
                    
                      <li><a
                        href='#dex/matrixcombine'
                        class='regular pre-open'>
                        .combine
                      </a></li>
                    
                      <li><a
                        href='#dex/matrixcopy'
                        class='regular pre-open'>
                        .copy
                      </a></li>
                    
                      <li><a
                        href='#dex/matrixaddIndex'
                        class='regular pre-open'>
                        .addIndex
                      </a></li>
                    
                      <li><a
                        href='#dex/matrixisColumnNumeric'
                        class='regular pre-open'>
                        .isColumnNumeric
                      </a></li>
                    
                      <li><a
                        href='#dex/matrixmax'
                        class='regular pre-open'>
                        .max
                      </a></li>
                    
                      <li><a
                        href='#dex/matrixmin'
                        class='regular pre-open'>
                        .min
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexobject'
                  class=" toggle-sibling">
                  dex/object
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/objectkeys'
                        class='regular pre-open'>
                        .keys
                      </a></li>
                    
                      <li><a
                        href='#dex/objectclone'
                        class='regular pre-open'>
                        .clone
                      </a></li>
                    
                      <li><a
                        href='#dex/objectisEmpty'
                        class='regular pre-open'>
                        .isEmpty
                      </a></li>
                    
                      <li><a
                        href='#dex/objectoverlay'
                        class='regular pre-open'>
                        .overlay
                      </a></li>
                    
                      <li><a
                        href='#dex/objectisNode'
                        class='regular pre-open'>
                        .isNode
                      </a></li>
                    
                      <li><a
                        href='#dex/objectisElement'
                        class='regular pre-open'>
                        .isElement
                      </a></li>
                    
                      <li><a
                        href='#dex/objectcontains'
                        class='regular pre-open'>
                        .contains
                      </a></li>
                    
                      <li><a
                        href='#dex/objectisFunction'
                        class='regular pre-open'>
                        .isFunction
                      </a></li>
                    
                      <li><a
                        href='#dex/objectconnect'
                        class='regular pre-open'>
                        .connect
                      </a></li>
                    
                      <li><a
                        href='#dex/objectisNumeric'
                        class='regular pre-open'>
                        .isNumeric
                      </a></li>
                    
                      <li><a
                        href='#dex/objectsetHierarchical'
                        class='regular pre-open'>
                        .setHierarchical
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexui'
                  class=" toggle-sibling">
                  dex/ui
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/uiPlayer'
                        class='regular pre-open'>
                        .Player
                      </a></li>
                    
                      <li><a
                        href='#dex/uiSqlQuery'
                        class='regular pre-open'>
                        .SqlQuery
                      </a></li>
                    
                      <li><a
                        href='#dex/uiTable'
                        class='regular pre-open'>
                        .Table
                      </a></li>
                    
                      <li><a
                        href='#dex/uiConfigurationPane'
                        class='regular pre-open'>
                        .ConfigurationPane
                      </a></li>
                    
                      <li><a
                        href='#dex/uiColumnSelector'
                        class='regular pre-open'>
                        .ColumnSelector
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexutild3'
                  class=" toggle-sibling">
                  dex/util/d3
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/util/d3autosize'
                        class='regular pre-open'>
                        .autosize
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexcomponent'
                  class=" toggle-sibling">
                  dex/component
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/componentrefresh'
                        class='regular pre-open'>
                        .refresh
                      </a></li>
                    
                      <li><a
                        href='#dex/componentgetSaved'
                        class='regular pre-open'>
                        .getSaved
                      </a></li>
                    
                      <li><a
                        href='#dex/componentattr'
                        class='regular pre-open'>
                        .attr
                      </a></li>
                    
                      <li><a
                        href='#dex/componentattrNoEvent'
                        class='regular pre-open'>
                        .attrNoEvent
                      </a></li>
                    
                      <li><a
                        href='#dex/componentclone'
                        class='regular pre-open'>
                        .clone
                      </a></li>
                    
                      <li><a
                        href='#dex/componentgetGuiDefinition'
                        class='regular pre-open'>
                        .getGuiDefinition
                      </a></li>
                    
                      <li><a
                        href='#dex/componentsubscribe'
                        class='regular pre-open'>
                        .subscribe
                      </a></li>
                    
                      <li><a
                        href='#dex/componentgetMargins'
                        class='regular pre-open'>
                        .getMargins
                      </a></li>
                    
                      <li><a
                        href='#dex/componentunsubscribe'
                        class='regular pre-open'>
                        .unsubscribe
                      </a></li>
                    
                      <li><a
                        href='#dex/componentpublish'
                        class='regular pre-open'>
                        .publish
                      </a></li>
                    
                      <li><a
                        href='#dex/componentrender'
                        class='regular pre-open'>
                        .render
                      </a></li>
                    
                      <li><a
                        href='#dex/componentupdate'
                        class='regular pre-open'>
                        .update
                      </a></li>
                    
                      <li><a
                        href='#dex/componentresize'
                        class='regular pre-open'>
                        .resize
                      </a></li>
                    
                      <li><a
                        href='#dex/componentrenderAsync'
                        class='regular pre-open'>
                        .renderAsync
                      </a></li>
                    
                      <li><a
                        href='#dex/componentupdateAsync'
                        class='regular pre-open'>
                        .updateAsync
                      </a></li>
                    
                      <li><a
                        href='#dex/componentrefreshAsync'
                        class='regular pre-open'>
                        .refreshAsync
                      </a></li>
                    
                      <li><a
                        href='#dex/componentresizeAsync'
                        class='regular pre-open'>
                        .resizeAsync
                      </a></li>
                    
                      <li><a
                        href='#dex/componentdeleteChart'
                        class='regular pre-open'>
                        .deleteChart
                      </a></li>
                    
                      <li><a
                        href='#dex/componentdeleteComponent'
                        class='regular pre-open'>
                        .deleteComponent
                      </a></li>
                    
                      <li><a
                        href='#dex/componentattrSave'
                        class='regular pre-open'>
                        .attrSave
                      </a></li>
                    
                      <li><a
                        href='#dex/componentload'
                        class='regular pre-open'>
                        .load
                      </a></li>
                    
                      <li><a
                        href='#dex/componentsave'
                        class='regular pre-open'>
                        .save
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexchartsc3'
                  class=" toggle-sibling">
                  dex/charts/c3
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/charts/c3C3Chart'
                        class='regular pre-open'>
                        .C3Chart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/c3PieChart'
                        class='regular pre-open'>
                        .PieChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/c3DonutChart'
                        class='regular pre-open'>
                        .DonutChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/c3AreaChart'
                        class='regular pre-open'>
                        .AreaChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/c3BarChart'
                        class='regular pre-open'>
                        .BarChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/c3LineChart'
                        class='regular pre-open'>
                        .LineChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/c3dex/charts/c3/ScatterPlot'
                        class='regular pre-open'>
                        .dex/charts/c3/ScatterPlot
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/c3dex/charts/c3/StackedAreaChart'
                        class='regular pre-open'>
                        .dex/charts/c3/StackedAreaChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/c3dex/charts/c3/StackedBarChart'
                        class='regular pre-open'>
                        .dex/charts/c3/StackedBarChart
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexchartsd3'
                  class=" toggle-sibling">
                  dex/charts/d3
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/charts/d3BumpChart'
                        class='regular pre-open'>
                        .BumpChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3Chord'
                        class='regular pre-open'>
                        .Chord
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3ClusteredForce'
                        class='regular pre-open'>
                        .ClusteredForce
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3Dendrogram'
                        class='regular pre-open'>
                        .Dendrogram
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3HorizontalLegend'
                        class='regular pre-open'>
                        .HorizontalLegend
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3IcicleChart'
                        class='regular pre-open'>
                        .IcicleChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3Legend'
                        class='regular pre-open'>
                        .Legend
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3MotionBarChart'
                        class='regular pre-open'>
                        .MotionBarChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3OrbitalLayout'
                        class='regular pre-open'>
                        .OrbitalLayout
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3ParallelCoordinates'
                        class='regular pre-open'>
                        .ParallelCoordinates
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3RadarChart'
                        class='regular pre-open'>
                        .RadarChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3RadialTree'
                        class='regular pre-open'>
                        .RadialTree
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3Sankey'
                        class='regular pre-open'>
                        .Sankey
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3Sankey2'
                        class='regular pre-open'>
                        .Sankey2
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3ScatterPlot'
                        class='regular pre-open'>
                        .ScatterPlot
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3Sunburst'
                        class='regular pre-open'>
                        .Sunburst
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3Treemap'
                        class='regular pre-open'>
                        .Treemap
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3VerticalLegend'
                        class='regular pre-open'>
                        .VerticalLegend
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3TreemapBarChart'
                        class='regular pre-open'>
                        .TreemapBarChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/d3TopoJsonMap'
                        class='regular pre-open'>
                        .TopoJsonMap
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#'
                  class="">
                  
                  
                </a>
                
                </li>
              
                
                <li><a
                  href='#dexchartsd3plus'
                  class=" toggle-sibling">
                  dex/charts/d3plus
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/charts/d3plusRingNetwork'
                        class='regular pre-open'>
                        .RingNetwork
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexchartsecharts'
                  class=" toggle-sibling">
                  dex/charts/echarts
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/charts/echartsEChart'
                        class='regular pre-open'>
                        .EChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/echartsHeatMap'
                        class='regular pre-open'>
                        .HeatMap
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/echartsLineChart'
                        class='regular pre-open'>
                        .LineChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/echartsParallelCoordinates'
                        class='regular pre-open'>
                        .ParallelCoordinates
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/echartsPolarPlot'
                        class='regular pre-open'>
                        .PolarPlot
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/echartsTimeline'
                        class='regular pre-open'>
                        .Timeline
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/echartsNetwork'
                        class='regular pre-open'>
                        .Network
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/echartsSingleAxisScatterPlot'
                        class='regular pre-open'>
                        .SingleAxisScatterPlot
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/echartsPieChart'
                        class='regular pre-open'>
                        .PieChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/echartsSteamGraph'
                        class='regular pre-open'>
                        .SteamGraph
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/echartsRadarChart'
                        class='regular pre-open'>
                        .RadarChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/echartsTree'
                        class='regular pre-open'>
                        .Tree
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/echartsBarChart3D'
                        class='regular pre-open'>
                        .BarChart3D
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexchartselegans'
                  class=" toggle-sibling">
                  dex/charts/elegans
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/charts/elegansscatterplot'
                        class='regular pre-open'>
                        .scatterplot
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexchartsgrid'
                  class=" toggle-sibling">
                  dex/charts/grid
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/charts/gridJqGrid'
                        class='regular pre-open'>
                        .JqGrid
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexchartsmultiples'
                  class=" toggle-sibling">
                  dex/charts/multiples
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/charts/multiplesGridsterMultiples'
                        class='regular pre-open'>
                        .GridsterMultiples
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/multiplesMultiples'
                        class='regular pre-open'>
                        .Multiples
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexchartsnvd3'
                  class=" toggle-sibling">
                  dex/charts/nvd3
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/charts/nvd3StackedAreaChart'
                        class='regular pre-open'>
                        .StackedAreaChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/nvd3BubbleChart'
                        class='regular pre-open'>
                        .BubbleChart
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexchartstaucharts'
                  class=" toggle-sibling">
                  dex/charts/taucharts
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/charts/tauchartsTauChart'
                        class='regular pre-open'>
                        .TauChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/tauchartsAreaChart'
                        class='regular pre-open'>
                        .AreaChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/tauchartsLineChart'
                        class='regular pre-open'>
                        .LineChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/tauchartsScatterPlot'
                        class='regular pre-open'>
                        .ScatterPlot
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/tauchartsBarChart'
                        class='regular pre-open'>
                        .BarChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/tauchartsStackedBarChart'
                        class='regular pre-open'>
                        .StackedBarChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/tauchartsHorizontalBarChart'
                        class='regular pre-open'>
                        .HorizontalBarChart
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/tauchartsHorizontalStackedBarChart'
                        class='regular pre-open'>
                        .HorizontalStackedBarChart
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexchartsthreejs'
                  class=" toggle-sibling">
                  dex/charts/threejs
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/charts/threejsScatterPlot'
                        class='regular pre-open'>
                        .ScatterPlot
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
                
                <li><a
                  href='#dexchartsvis'
                  class=" toggle-sibling">
                  dex/charts/vis
                  <span class='icon'>▸</span>
                </a>
                
                <div class='toggle-target display-none'>
                  
                  <ul class='list-reset py1-ul pl1'>
                    <li class='h5'><span>Static members</span></li>
                    
                      <li><a
                        href='#dex/charts/visNetwork'
                        class='regular pre-open'>
                        .Network
                      </a></li>
                    
                      <li><a
                        href='#dex/charts/visNetwork'
                        class='regular pre-open'>
                        .Network
                      </a></li>
                    
                    </ul>
                  
                  
                </div>
                
                </li>
              
            </ul>
          </div>
          <div class='mt1 h6 quiet'>
            <a href='http://documentation.js.org/reading-documentation.html'>Need help reading this?</a>
          </div>
        </div>
      </div>
      <div class='fix-margin-3'>
        
          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dex'>
      dex
    </h3>
    
    
  </div>
  

  <div class='pre p1 fill-light mt0'>dex</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dexrange'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>range(length)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This routine will return an array with the specified range.</p>


  <div class='pre p1 fill-light mt0'>range(length: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>length</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>)</code>
	    The length of the generated array.  ie: The number of numbers to generate.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></code>:
        The specified range expressed as an array.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'>dex.range(<span class="hljs-number">5</span>); <span class="hljs-comment">// returns [ 0, 1, 2, 3, 4 ]</span></pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dexrange'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>range(start, length)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This routine will return an array with the specified range.</p>


  <div class='pre p1 fill-light mt0'>range(start: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>, length: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>start</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>)</code>
	    The starting number.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>length</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>)</code>
	    The length of the generated array.  ie: The number of numbers to generate.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></code>:
        The specified range expressed as an array.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'>dex.range(<span class="hljs-number">10</span>, <span class="hljs-number">4</span>); <span class="hljs-comment">// returns [ 10, 11, 12, 13 ]</span></pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex.range'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>range(start, length, step)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This routine will return an array with the specified range.</p>


  <div class='pre p1 fill-light mt0'>range(start: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>, length: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>, step: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>start</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>)</code>
	    The starting number.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>length</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>)</code>
	    The length of the generated array.  ie: The number of numbers to generate.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>step</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>)</code>
	    The step increment between numbers.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></code>:
        The specified range expressed as an array.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'>dex.range(<span class="hljs-number">100</span>, <span class="hljs-number">4</span>, <span class="hljs-number">10</span>); <span class="hljs-comment">// returns [ 100, 110, 120, 130 ]</span>
dex.range(<span class="hljs-number">100</span>, <span class="hljs-number">5</span>, <span class="hljs-number">-10</span>); <span class="hljs-comment">// returns [ 100, 90, 80, 70, 60 ]</span></pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex.copy'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>copy(obj)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This routine is simply a convenience function as it
simply wraps underscore's implementation of a shallow
copy.  This method will create a shallow-copied clone
of the provided plain object. Any nested objects or
arrays will be copied by reference, not duplicated.</p>


  <div class='pre p1 fill-light mt0'>copy(obj: any): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>obj</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex.logLevels'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>logLevels</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>logLevels</div>
  
  
</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexarray'>
      dex/array
    </h3>
    
    
  </div>
  

  <p>This module provides routines for dealing with arrays.</p>


  <div class='pre p1 fill-light mt0'>dex/array</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/arraycombine'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>combine(array1, array2)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Combine two arrays into one.</p>


  <div class='pre p1 fill-light mt0'>combine(array1: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>, array2: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>array1</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>)</code>
	    The first array.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>array2</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>)</code>
	    The second array.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any></code>:
        A new concatentated copy of array1 and array2.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'><span class="hljs-comment">// returns [1, 2, 3, 4, 5]</span>
dex.array.combine([<span class="hljs-number">1</span>, <span class="hljs-number">2</span>], [<span class="hljs-number">3</span>, <span class="hljs-number">4</span>, <span class="hljs-number">5</span>]);</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/arraycopy'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>copy(array)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Return a distinct deep copy of an array.</p>


  <div class='pre p1 fill-light mt0'>copy(array: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>array</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>)</code>
	    The array to copy.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any></code>:
        A distinct deep copy of the array.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/arrayextent'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>extent(array)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Returns an array of the mathematically smallest and largest
elements within the array.</p>


  <div class='pre p1 fill-light mt0'>extent(array: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>>): [any, any]</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>array</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>>)</code>
	    The array to evaluate.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>[any, any]</code>:
        An array consisting of 
[
 min, max 
]
 of the array.

      
    <div class='py1 quiet mt1 prose-big'>Throws</div>
    <ul>
      
        <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error">Error</a>: An error occurred.
</li>
      
    </ul>
  

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/arrayfindIndexes'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>findIndexes(array, condition)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Returns elements of an array where the supplied condition is matched.</p>


  <div class='pre p1 fill-light mt0'>findIndexes(array: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>, condition: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function">function</a>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>array</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>)</code>
	    The array to evaluate.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>condition</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function">function</a>)</code>
	    A conditional function that when true, indicates
that the index of this element should be returned.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>></code>:
        An array consisting of the indexes of the elements
which match the supplied condition.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'><span class="hljs-comment">// returns [ 0, 1, 2, 3]</span>
dex.array.findIndexes([<span class="hljs-number">1</span>,<span class="hljs-number">2</span>,<span class="hljs-number">3</span>,<span class="hljs-number">4</span>,<span class="hljs-number">5</span>],<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">e</span>)</span>{<span class="hljs-keyword">return</span> e&lt;<span class="hljs-number">5</span>;}));
<span class="hljs-comment">// returns [3, 5]</span>
dex.array.findIndexes([<span class="hljs-string">"a"</span>, <span class="hljs-string">"b"</span>, <span class="hljs-string">"c"</span>, <span class="hljs-string">"d"</span>, <span class="hljs-string">"e"</span>, <span class="hljs-string">"d"</span>],
  <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">e</span>) </span>{<span class="hljs-keyword">return</span> e==<span class="hljs-string">"d"</span>;}</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/arraygetCombinations'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>getCombinations(arr, comboLength)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Returns all possible combinations of length comboLength
from the given array.</p>


  <div class='pre p1 fill-light mt0'>getCombinations(arr: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>, comboLength: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>arr</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>)</code>
	    The array to be used to generate combinations.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>comboLength</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>)</code>
	    The length of the combinations to
be generated.

          </div>
          
        </div>
      
    </div>
  

    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'>:

<span class="hljs-comment">// returns: [[1,2], [1,3], [1,4], [2,3], [2,4], [3,4]]</span>
dex.array.getCombinations([<span class="hljs-number">1</span>, <span class="hljs-number">1</span>,<span class="hljs-number">2</span>,<span class="hljs-number">3</span>,<span class="hljs-number">4</span>], <span class="hljs-number">2</span>)</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/arraygetPermutations'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>getPermutations(list, permLength, arr)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Returns all possible permutations of length maxLen
from the given array.</p>


  <div class='pre p1 fill-light mt0'>getPermutations(list: any, permLength: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>, arr: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>list</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>permLength</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>)</code>
	    The length of the permutations to
be generated.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>arr</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>)</code>
	    The array to be used to generate permutations.

          </div>
          
        </div>
      
    </div>
  

    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'>:

<span class="hljs-comment">// returns: [[1,2],[1,3],[1,4],[2,3],[2,4],[3,4]]</span>
dex.array.getPermutations([<span class="hljs-number">1</span>,<span class="hljs-number">2</span>,<span class="hljs-number">3</span>,<span class="hljs-number">4</span>], <span class="hljs-number">2</span>)</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/arrayguessType'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>guessType(array)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Inspect each element of the array and guess the overall type of
the array.</p>


  <div class='pre p1 fill-light mt0'>guessType(array: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>array</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>:
        A string representing the type of the array.
"date" if every element in the array is a date.  "number" if every
element in the array is a number.  Otherwise return "string".

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/arrayisNumeric'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>isNumeric(array)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Returns whether every element in an array is numeric or not.</p>


  <div class='pre p1 fill-light mt0'>isNumeric(array: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>array</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>)</code>
	    The array to evaluate.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></code>:
        True, if every element in the array is numeric, otherwise false.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'><span class="hljs-comment">// Returns true</span>
dex.array.isNumeric([<span class="hljs-number">1</span>, <span class="hljs-number">2</span>, <span class="hljs-number">3</span>]);
<span class="hljs-comment">// Returns false</span>
dex.array.isNumeric([<span class="hljs-string">"A"</span>, <span class="hljs-number">2</span>, <span class="hljs-number">3</span>]);</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/arraynaturalUnique'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>naturalUnique(array)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Return the unique members of an array in the natural order they occur.</p>
<p>dex.array.naturalUnique(array) - Return an array containing the unique values
within the array.</p>


  <div class='pre p1 fill-light mt0'>naturalUnique(array: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>array</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>)</code>
	    The array to evaluate.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any></code>:
        An array of unique values within the given array.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'><span class="hljs-comment">// Returns: [ 3, 2, 1 ]</span>
dex.array.naturalUnique([<span class="hljs-number">3</span>, <span class="hljs-number">2</span>, <span class="hljs-number">1</span>, <span class="hljs-number">2</span>, <span class="hljs-number">3</span>];</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/arrayremoveIndex'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>removeIndex(targetArray, removeIndexes)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Remove the specified elements indicated by the removeIndex field.</p>


  <div class='pre p1 fill-light mt0'>removeIndex(targetArray: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>, removeIndexes: (<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>>)): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>targetArray</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>)</code>
	    The array from which we are removing elements.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>removeIndexes</span> <code class='quiet'>((<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>>))</code>
	    The index, or indices which are to
be removed.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any></code>:
        The resultant array after the removal option has been
performed.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/arrayslice'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>slice(array, rowRange, maxElt, maxRows)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Return the specified slice of an array without modifying the original array.</p>


  <div class='pre p1 fill-light mt0'>slice(array: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>, rowRange: (<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>> | <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>), maxElt: any, maxRows: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>array</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>)</code>
	    The array to slice.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>rowRange</span> <code class='quiet'>((<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>> | <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>))</code>
	    If supplied an array, return the elements in
the columns defined by the rowRange.  If rowRange is a number, return the
array starting at the given index.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>maxElt</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>maxRows</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>)</code>
	    If supplied, return at most, this number of rows
in the resulant array.

          </div>
          
        </div>
      
    </div>
  

    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'><span class="hljs-keyword">var</span> myArray = [ <span class="hljs-number">1</span>, <span class="hljs-number">2</span>, <span class="hljs-number">3</span>, <span class="hljs-number">4</span>, <span class="hljs-number">5</span> ];

<span class="hljs-comment">// Returns: [ 3, 4, 5]</span>
slice(myArray, <span class="hljs-number">2</span>);

<span class="hljs-comment">// Returns: [ 1, 3, 5 ]</span>
slice(myArray, [<span class="hljs-number">0</span>, <span class="hljs-number">2</span>, <span class="hljs-number">4</span>]);

<span class="hljs-comment">// returns a copy of the array:</span>
slice(myArray);</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/arrayunique'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>unique(array)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Return the unique members of an array.</p>
<p>dex.array.unique(array) - Return an array containing the unique values
within the array.</p>


  <div class='pre p1 fill-light mt0'>unique(array: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>array</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any>)</code>
	    The array to evaluate.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;any></code>:
        An array of unique values within the given array.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'><span class="hljs-comment">// Returns: [ 1, 2, 3]</span>
dex.array.unique([<span class="hljs-number">1</span>, <span class="hljs-number">1</span>, <span class="hljs-number">2</span>, <span class="hljs-number">2</span>, <span class="hljs-number">3</span>];</pre>
    
  
</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexcolor'>
      dex/color
    </h3>
    
    
  </div>
  

  <p>This module provides methods for dealing with color.</p>


  <div class='pre p1 fill-light mt0'>dex/color</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/colorshadeColor'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>shadeColor(color, percent)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Given a color, lighten or darken it by the requested percent.</p>


  <div class='pre p1 fill-light mt0'>shadeColor(color: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, percent: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>color</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>)</code>
	    The color to modify.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>percent</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>)</code>
	    A floating point number in the range of 
[
-1.0, 1.0
]
.  Negative
values will lighten the color, positive values will darken it.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>:
        The lightened or darkened color in the form of #ffffff.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/colorblendColors'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>blendColors(color1, color2, percent)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Given two colors, blend them together.</p>


  <div class='pre p1 fill-light mt0'>blendColors(color1: color, color2: color, percent: percent): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>color1</span> <code class='quiet'>(color)</code>
	    The first color to blend.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>color2</span> <code class='quiet'>(color)</code>
	    The second color to blend.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>percent</span> <code class='quiet'>(percent)</code>
	    The percent to blend.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>:
        The resulant color.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/colorcolormap'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>colormap(palette, presets)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Given an palette or array of colors and some optional color
assignmeents, create a colormap.</p>


  <div class='pre p1 fill-light mt0'>colormap(palette: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>>, presets: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function">Function</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>palette</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>>)</code>
	    An array of colors within this colormap.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>presets</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    An optional mapping of domain values and
preset color assignments.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function">Function</a></code>:
        Returns the colormap function.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'><span class="hljs-comment">// Assigns a colormap of red, white and blue</span>
<span class="hljs-keyword">var</span> usColormap = dex.color.colormap([<span class="hljs-string">'red'</span>, <span class="hljs-string">'white'</span>, <span class="hljs-string">'blue'</span>]);</pre>
    
      
      <pre class='p1 overflow-auto round fill-light'><span class="hljs-comment">// Assigns a colormap of grey, brown and yellow and reserves red for</span>
<span class="hljs-comment">// Republicans and blue for Democrats.</span>
<span class="hljs-keyword">var</span> usPartyColors = dex.color.colormap([<span class="hljs-string">'grey'</span>, <span class="hljs-string">'brown'</span>, <span class="hljs-string">'yellow'</span>],
  { <span class="hljs-string">'Republican'</span> : <span class="hljs-string">'red'</span>, <span class="hljs-string">'Democrat'</span> : <span class="hljs-string">'blue'</span> });</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/colorcolormaps'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>colormaps(options)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Return the list of available named colormaps.</p>


  <div class='pre p1 fill-light mt0'>colormaps(options: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>options</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    An options list.  Ex: { shortlist: true }

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>></code>:
        The list of available colormaps.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/colorinterpolateCategorical'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>interpolateCategorical(domain, range)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Given a domain of 2 or more items and a range of 2 colors,
return a categorical interpolation across the two colors
based upon the supplied range.</p>


  <div class='pre p1 fill-light mt0'>interpolateCategorical(domain: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>>, range: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function">Function</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>domain</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>>)</code>
	    2 or more items in a categorical domain.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>range</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>>)</code>
	    An array of 2 colors.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function">Function</a></code>:
        A colormap function.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/colorgetColormap'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>getColormap(paletteName, presets)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Get the named colormap with the assigned presets.</p>


  <div class='pre p1 fill-light mt0'>getColormap(paletteName: any, presets: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function">Function</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>paletteName</span> <code class='quiet'>(any)</code>
	    The name of the color palette to be used.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>presets</span> <code class='quiet'>(any)</code>
	    Optional user defined color presets which are
assigned via categorial domain.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function">Function</a></code>:
        The colormap function.

      
</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexconfig'>
      dex/config
    </h3>
    
    
  </div>
  

  <p>This module provides various configuration routines.</p>


  <div class='pre p1 fill-light mt0'>dex/config</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/configexpand'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>expand(cfg, config)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This routine supports a shorthand notation allowing the
user to specify deeply nested configuration options without
having to deal with nested json structures.</p>


  <div class='pre p1 fill-light mt0'>expand(cfg: any, config: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>cfg</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>config</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    The configuration to expand.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a></code>:
        An object containing the expanded configuration.
The original configuration is left untouched.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'>{
  <span class="hljs-string">'cell'</span> : {
    <span class="hljs-string">'rect'</span> : {
      <span class="hljs-string">'width'</span> : <span class="hljs-number">10</span>,
      <span class="hljs-string">'height'</span> : <span class="hljs-number">20</span>
    }
  }
}

becomes easier to read when expressed <span class="hljs-keyword">as</span>:

{
  <span class="hljs-string">'cell.rect.width'</span>            : <span class="hljs-number">10</span>,
  <span class="hljs-string">'cell.rect.height'</span>           : <span class="hljs-number">20</span>,
}</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configexpandAndOverlay'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>expandAndOverlay(top, bottom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This routine will take one or more objects and expand each one
via dex.config.expand.  The objects will then be overlaid on top
of each other.  Objects are supplied in descending precedence;
meaning that object conflicts will be resolved by taking the
value from the first supplied object defining it within the
method call.</p>


  <div class='pre p1 fill-light mt0'>expandAndOverlay(top: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>, bottom: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>top</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    The top object hierarchy.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>bottom</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    The bottom, base object hierarchy.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a></code>:
        A new object representing the expanded
and overlaid objects.  The objects supplied in the method
call will not be modified.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'>Given:

<span class="hljs-keyword">var</span> first = {
  <span class="hljs-string">"name"</span>: <span class="hljs-string">"first"</span>,
  <span class="hljs-string">"screen.width"</span> : <span class="hljs-number">800</span>
};

<span class="hljs-keyword">var</span> second = {
  <span class="hljs-string">"name"</span>: <span class="hljs-string">"second"</span>,
  <span class="hljs-string">"screen.width"</span>: <span class="hljs-number">100</span>,
  <span class="hljs-string">"screen.height"</span>: <span class="hljs-number">600</span>,
  <span class="hljs-string">"secondField"</span>: <span class="hljs-string">"Only in 2nd"</span>
};

<span class="hljs-keyword">var</span> third = {
  <span class="hljs-string">"name"</span>: <span class="hljs-string">"third"</span>,
  <span class="hljs-string">"screen.width"</span>: <span class="hljs-number">333</span>,
  <span class="hljs-string">"screen.height"</span>: <span class="hljs-number">333</span>,
  <span class="hljs-string">"thirdField"</span>: <span class="hljs-string">"Only in 3rd"</span>
};

Calling:

<span class="hljs-keyword">var</span> combined = dex.config.expandAndOverlay(first, second, third);

Yields a combined value <span class="hljs-keyword">of</span>:

{
  <span class="hljs-string">"name"</span>: <span class="hljs-string">"first"</span>,
  <span class="hljs-string">"screen"</span>: {
    <span class="hljs-string">"width"</span>: <span class="hljs-number">800</span>,
    <span class="hljs-string">"height"</span>: <span class="hljs-number">600</span>
  },
  <span class="hljs-string">"secondField"</span>: <span class="hljs-string">"Only in 2nd"</span>,
  <span class="hljs-string">"thirdField"</span> : <span class="hljs-string">"Only in 3rd"</span>
}</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configfont'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>font(options)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Return the configuration for a font after the user's
customizations have been applied.</p>


  <div class='pre p1 fill-light mt0'>font(options: FontSpec): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>options</span> <code class='quiet'>(FontSpec)</code>
	    The user customizations.

          </div>
          
          <table class='mt1 mb2 fixed-table h5 col-12'>
            <colgroup>
              <col width='30%' />
              <col width='70%' />
            </colgroup>
            <thead>
              <tr class='bold fill-light'>
                <th>Name</th>
                <th>Description</th>
              </tr>
            </thead>
            <tbody class='mt1'>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.family</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>&quot;sans-serif&quot;</code>)
                  </td>
                  <td class='break-word'><span>The font family.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.size</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a></code>
                  
                    (default <code>14</code>)
                  </td>
                  <td class='break-word'><span>The font size.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.style</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>&quot;normal&quot;</code>)
                  </td>
                  <td class='break-word'><span>The font style.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.weight</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>&quot;normal&quot;</code>)
                  </td>
                  <td class='break-word'><span>The font weight.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.variant</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>&quot;normal&quot;</code>)
                  </td>
                  <td class='break-word'><span>The font variant.
</span></td>
                </tr>
              
            </tbody>
          </table>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a></code>:
        An object containing the font's specifications
after the user's customizations have been applied.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configconfigureFont'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>configureFont(node, fontSpec, i)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Configure the given font with the supplied font specification.</p>


  <div class='pre p1 fill-light mt0'>configureFont(node: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Node/nextSibling">node</a>, fontSpec: fontSpec, i: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>): <a href="https://developer.mozilla.org/en-US/docs/Web/API/Node/nextSibling">node</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>node</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/API/Node/nextSibling">node</a>)</code>
	    The node to be configured.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>fontSpec</span> <code class='quiet'>(fontSpec)</code>
	    The font specification to be applied.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>i</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>)</code>
	    The node number.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/Node/nextSibling">node</a></code>:
        The node after having the font specification applied.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configtext'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>text(options)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct a text specification.</p>


  <div class='pre p1 fill-light mt0'>text(options: TextSpec): TextSpec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>options</span> <code class='quiet'>(TextSpec)</code>
	    The user's options which override the default
text specification.

          </div>
          
          <table class='mt1 mb2 fixed-table h5 col-12'>
            <colgroup>
              <col width='30%' />
              <col width='70%' />
            </colgroup>
            <thead>
              <tr class='bold fill-light'>
                <th>Name</th>
                <th>Description</th>
              </tr>
            </thead>
            <tbody class='mt1'>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.font</span> <code class='quiet'>FontSpec</code>
                  </td>
                  <td class='break-word'><span>The users's font specification.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.x</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a></code>
                  
                    (default <code>0</code>)
                  </td>
                  <td class='break-word'><span>The x coordinate of the text.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.y</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a></code>
                  
                    (default <code>0</code>)
                  </td>
                  <td class='break-word'><span>The y coordinate of the text.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.textLength</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a></code>
                  </td>
                  <td class='break-word'><span>The SVG text length.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.transform</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  </td>
                  <td class='break-word'><span>The SVG transform to apply to the text.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.text</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  </td>
                  <td class='break-word'><span>The text.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.decoration</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>none</code>)
                  </td>
                  <td class='break-word'><span>Text decoration.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.dx</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a></code>
                  
                    (default <code>0</code>)
                  </td>
                  <td class='break-word'><span>An x offset to apply.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.dy</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a></code>
                  
                    (default <code>0</code>)
                  </td>
                  <td class='break-word'><span>A y offset to apply.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.writingMode</span> <code class='quiet'>fontSpec?</code>
                  </td>
                  <td class='break-word'><span>The text writing mode.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.anchor</span> <code class='quiet'>fontSpec</code>
                  
                    (default <code>start</code>)
                  </td>
                  <td class='break-word'><span>The text anchor.  One of start, middle,
or end.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.fill</span> <code class='quiet'>FillSpec</code>
                  </td>
                  <td class='break-word'><span>The text fill specification.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.stroke</span> <code class='quiet'>StrokeSpec</code>
                  </td>
                  <td class='break-word'><span>The text stroke specification.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.format</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>?</code>
                  </td>
                  <td class='break-word'><span>A format to apply to the text.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.events</span> <code class='quiet'>EventSpec</code>
                  </td>
                  <td class='break-word'><span>Any text events.
</span></td>
                </tr>
              
            </tbody>
          </table>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>TextSpec</code>:
        A revised text specification after having applied
the user's modifications.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'><span class="hljs-keyword">var</span> myText = dex.config.text({ <span class="hljs-string">"font.size"</span> : <span class="hljs-number">32</span> });</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configconfigureText'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>configureText(node, textSpec, i)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This routine will dynamically configure an SVG text entity based upon the
supplied configuration.</p>


  <div class='pre p1 fill-light mt0'>configureText(node: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Node/nextSibling">node</a>, textSpec: TextSpec, i: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>): <a href="https://developer.mozilla.org/en-US/docs/Web/API/Node/nextSibling">node</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>node</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/API/Node/nextSibling">node</a>)</code>
	    The SVG text node to be configured.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>textSpec</span> <code class='quiet'>(TextSpec)</code>
	    The text specification for this node.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>i</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>)</code>
	    The index of the node (if any).

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/Node/nextSibling">node</a></code>:
        The node after having the text specification applied
to it.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'><span class="hljs-keyword">var</span> textSpec = dex.config.text({ <span class="hljs-string">"font.size"</span>: <span class="hljs-number">32</span>, <span class="hljs-string">"fill.fillColor"</span>: <span class="hljs-string">"red"</span> });
d3.select(<span class="hljs-string">"some-nodes"</span>)
  .call(dex.config.configureText, textSpec);</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configstroke'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>stroke(options)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct a stroke specification.</p>


  <div class='pre p1 fill-light mt0'>stroke(options: StrokeSpec): d3text_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>options</span> <code class='quiet'>(StrokeSpec)</code>
	    The user's customizations to the specification.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3text_spec</code>:
        The stroke specification after having applied the user's
configuration.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configconfigureStroke'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>configureStroke(node, strokeSpec, i)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Apply a stroke specification to a node.</p>


  <div class='pre p1 fill-light mt0'>configureStroke(node: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>, strokeSpec: d3stroke_spec, i: any): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>node</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    The node to be configured.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>strokeSpec</span> <code class='quiet'>(d3stroke_spec)</code>
	    The stroke specification to be applied.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>i</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        The newly configured node.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configfill'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>fill(custom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct a fill specification which allow the user to override any
its settings.</p>


  <div class='pre p1 fill-light mt0'>fill(custom: d3fill_spec): d3fill_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>custom</span> <code class='quiet'>(d3fill_spec)</code>
	    The user's customizations.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3fill_spec</code>:
        A fill specification which has applied the user's
customizations.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configconfigureFill'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>configureFill(node, config, i)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Apply a fill specification to a node.</p>


  <div class='pre p1 fill-light mt0'>configureFill(node: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>, config: d3fill_spec, i: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>node</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    The node to be configured.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>config</span> <code class='quiet'>(d3fill_spec)</code>
	    The fill specification.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>i</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a></code>:
        The node after having applied the fill specification.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configlink'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>link(custom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct a link specification which allows the user to override any
of the settings.</p>


  <div class='pre p1 fill-light mt0'>link(custom: d3link_spec): d3link_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>custom</span> <code class='quiet'>(d3link_spec)</code>
	    The users customizations.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3link_spec</code>:
        A link specification generated by combining the
default with the user's customizations.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configconfigureLink'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>configureLink(node, config, i)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Apply a link specification to a node.</p>


  <div class='pre p1 fill-light mt0'>configureLink(node: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>, config: d3link_spec, i: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>node</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    The node to apply the specification to.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>config</span> <code class='quiet'>(d3link_spec)</code>
	    The link specification.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>i</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a></code>:
        The node after having applied the specification.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configrectangle'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>rectangle(custom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct a rectangle specification which allows the user to override any
of the settings.</p>


  <div class='pre p1 fill-light mt0'>rectangle(custom: d3rect_spec): d3rect_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>custom</span> <code class='quiet'>(d3rect_spec)</code>
	    The users customizations.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3rect_spec</code>:
        A rectangle specification generated by combining the
default with the user's customizations.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configevents'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>events(custom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct an events specification which allows the user to override any
of the settings.</p>


  <div class='pre p1 fill-light mt0'>events(custom: d3events_spec): d3events_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>custom</span> <code class='quiet'>(d3events_spec)</code>
	    The users customizations.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3events_spec</code>:
        An events specification generated by combining the
default with the user's customizations.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configline'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>line(custom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct an line specification which allows the user to override any
of the settings.</p>


  <div class='pre p1 fill-light mt0'>line(custom: d3line_spec): d3line_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>custom</span> <code class='quiet'>(d3line_spec)</code>
	    The users customizations.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3line_spec</code>:
        A line specification generated by combining the
default with the user's customizations.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configpath'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>path(custom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct an path specification which allows the user to override any
of the settings.</p>


  <div class='pre p1 fill-light mt0'>path(custom: d3path_spec): d3path_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>custom</span> <code class='quiet'>(d3path_spec)</code>
	    The users customizations.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3path_spec</code>:
        A path specification generated by combining the
default with the user's customizations.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configcallIfDefined'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>callIfDefined(node, fn, value, i)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Is this correct?  It looks suspect to me.</p>


  <div class='pre p1 fill-light mt0'>callIfDefined(node: any, fn: any, value: any, i: any): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>node</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>fn</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>value</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>i</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configpoint'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>point(custom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct an point specification which allows the user to override any
of the settings.</p>


  <div class='pre p1 fill-light mt0'>point(custom: d3point_spec): d3point_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>custom</span> <code class='quiet'>(d3point_spec)</code>
	    The users customizations.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3point_spec</code>:
        A point specification generated by combining the
default with the user's customizations.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configcircle'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>circle(custom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct an circle specification which allows the user to override any
of the settings.</p>


  <div class='pre p1 fill-light mt0'>circle(custom: d3circle_spec): d3circle_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>custom</span> <code class='quiet'>(d3circle_spec)</code>
	    The users customizations.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3circle_spec</code>:
        A circle specification generated by combining the
default with the user's customizations.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configtick'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>tick(custom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct an tick specification which allows the user to override any
of the settings.</p>


  <div class='pre p1 fill-light mt0'>tick(custom: d3tick_spec): d3tick_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>custom</span> <code class='quiet'>(d3tick_spec)</code>
	    The users customizations.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3tick_spec</code>:
        A tick specification generated by combining the
default with the user's customizations.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configaxis'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>axis(custom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Configure the input parameters for configuring an axis.
Certain defaults are imposed should the "custom" variable
not specify that parameter.</p>


  <div class='pre p1 fill-light mt0'>axis(custom: any): d3axis_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>custom</span> <code class='quiet'>(any)</code>
	    The user supplied axis configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3axis_spec</code>:
        The axis specification with
user supplied overrides applied.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configconfigureAxis'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>configureAxis(axis, config, i)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Create an axis with the specified configuration.</p>


  <div class='pre p1 fill-light mt0'>configureAxis(axis: any, config: any, i: any): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>axis</span> <code class='quiet'>(any)</code>
	    The axis to configure.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>config</span> <code class='quiet'>(any)</code>
	    The user specified axis configuration.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>i</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        The newly configured axis.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configscale'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>scale(custom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct a {d3axis_spec} based on reasonable defaults with
user customizations applied on top.</p>


  <div class='pre p1 fill-light mt0'>scale(custom: any): d3scale_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>custom</span> <code class='quiet'>(any)</code>
	    The user customizations.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3scale_spec</code>:
        The scale specification with
user supplied overrides applied.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configcreateScale'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>createScale(scaleSpec)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Given a scale specification, create, configure, and return a
scale which meets that specification.</p>


  <div class='pre p1 fill-light mt0'>createScale(scaleSpec: d3scale_spec): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>scaleSpec</span> <code class='quiet'>(d3scale_spec)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a></code>:
        Returns a d3.scale with the supplied specification.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configlinearScale'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>linearScale(custom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct a linear {d3scale_spec} based on reasonable
defaults with user customizations applied on top.</p>


  <div class='pre p1 fill-light mt0'>linearScale(custom: any): d3scale_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>custom</span> <code class='quiet'>(any)</code>
	    The user customizations.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3scale_spec</code>:
        The linear scale specification with
user supplied overrides applied.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configpowScale'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>powScale(custom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct a power {d3scale_spec} based on reasonable
defaults with user customizations applied on top.</p>


  <div class='pre p1 fill-light mt0'>powScale(custom: any): d3scale_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>custom</span> <code class='quiet'>(any)</code>
	    The user customizations.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3scale_spec</code>:
        The power scale specification with
user supplied overrides applied.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configsqrtScale'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>sqrtScale(custom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct a sqrt {d3scale_spec} based on reasonable
defaults with user customizations applied on top.</p>


  <div class='pre p1 fill-light mt0'>sqrtScale(custom: any): d3scale_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>custom</span> <code class='quiet'>(any)</code>
	    The user customizations.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3scale_spec</code>:
        The sqrt scale specification with
user supplied overrides applied.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configlogScale'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>logScale(custom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct a log {d3scale_spec} based on reasonable
defaults with user customizations applied on top.</p>


  <div class='pre p1 fill-light mt0'>logScale(custom: any): d3scale_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>custom</span> <code class='quiet'>(any)</code>
	    The user customizations.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3scale_spec</code>:
        The log scale specification with
user supplied overrides applied.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/configordinalScale'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>ordinalScale(custom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct a ordinal {d3scale_spec} based on reasonable
defaults with user customizations applied on top.</p>


  <div class='pre p1 fill-light mt0'>ordinalScale(custom: any): d3scale_spec</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>custom</span> <code class='quiet'>(any)</code>
	    The user customizations.

          </div>
          
          <table class='mt1 mb2 fixed-table h5 col-12'>
            <colgroup>
              <col width='30%' />
              <col width='70%' />
            </colgroup>
            <thead>
              <tr class='bold fill-light'>
                <th>Name</th>
                <th>Description</th>
              </tr>
            </thead>
            <tbody class='mt1'>
              
                <tr>
                  <td class='break-word'><span class='code bold'>custom.rangeRoundBands</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>?</code>
                  </td>
                  <td class='break-word'><span>-
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>custom.rangeBands</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>?</code>
                  </td>
                  <td class='break-word'><span>-
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>custom.rangePoints</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>?</code>
                  </td>
                  <td class='break-word'><span>rangePoints(interval 
[
, padding
]
) : Sets the output range from the specified continuous
interval. The array interval contains two elements representing the minimum and maximum
numeric value. This interval is subdivided into n evenly-spaced points, where n is the
number of (unique) values in the input domain. The first and last point may be offset
from the edge of the interval according to the specified padding, which defaults to zero.
The padding is expressed as a multiple of the spacing between points. A reasonable value
is 1.0, such that the first and last point will be offset from the minimum and maximum
value by half the distance between points.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>custom.rangeBands</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>?</code>
                  </td>
                  <td class='break-word'><span>-
</span></td>
                </tr>
              
            </tbody>
          </table>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>d3scale_spec</code>:
        The ordinal scale specification with
user supplied overrides applied.

      
</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexconfiggui'>
      dex/config/gui
    </h3>
    
    
  </div>
  

  <p>This module provides routines for declaratively creating guis
to configure dex components.</p>


  <div class='pre p1 fill-light mt0'>dex/config/gui</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/config/guidimensions'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>dimensions(config, prefix)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Create a gui for setting dimensions.</p>


  <div class='pre p1 fill-light mt0'>dimensions(config: any, prefix: any): (any | {})</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>config</span> <code class='quiet'>(any)</code>
	    The user defined configuration.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>prefix</span> <code class='quiet'>(any)</code>
	    The prefix for the target.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>(any | {})</code>:
        

</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexconsole'>
      dex/console
    </h3>
    
    
  </div>
  

  <p>This module provides routines logging to the console</p>


  <div class='pre p1 fill-light mt0'>dex/console</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/consolelogWithLevel'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>logWithLevel(msgLevel, msg)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Log this message if the current log level is greater than or equal
to dex.console.logLevel.</p>


  <div class='pre p1 fill-light mt0'>logWithLevel(msgLevel: any, msg: any): <a href="https://developer.mozilla.org/en-US/docs/Web/API/Console">console</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>msgLevel</span> <code class='quiet'>(any)</code>
	    The log level for this message.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>msg</span> <code class='quiet'>(any)</code>
	    One or more messages to be logged.  Strings will simply
use console.log while objects will use console.dir.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/Console">console</a></code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/consoletrace'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>trace(msg)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Write one or more TRACE level messages.</p>


  <div class='pre p1 fill-light mt0'>trace(msg: any): <a href="https://developer.mozilla.org/en-US/docs/Web/API/Console">console</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>msg</span> <code class='quiet'>(any)</code>
	    One or more TRACE messages to log.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/Console">console</a></code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/consoledebug'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>debug(msg)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Write one or more DEBUG level messages.</p>


  <div class='pre p1 fill-light mt0'>debug(msg: any): (dex.console | any)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>msg</span> <code class='quiet'>(any)</code>
	    One or more DEBUG messages to log.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>(dex.console | any)</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/consolelog'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>log(msg)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Write one or more NORMAL level messages.</p>


  <div class='pre p1 fill-light mt0'>log(msg: any): (dex.console | any)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>msg</span> <code class='quiet'>(any)</code>
	    One or more NORMAL messages to log.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>(dex.console | any)</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/consolewarn'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>warn(msg)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Write one or more WARN level messages.</p>


  <div class='pre p1 fill-light mt0'>warn(msg: any): (dex.console | any)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>msg</span> <code class='quiet'>(any)</code>
	    One or more WARN messages to log.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>(dex.console | any)</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/consolefatal'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>fatal(msg)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Write one or more FATAL level messages.</p>


  <div class='pre p1 fill-light mt0'>fatal(msg: any): (dex.console | any)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>msg</span> <code class='quiet'>(any)</code>
	    One or more FATAL messages to log.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>(dex.console | any)</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/consolelogLevel'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>logLevel(_)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This function returns the current log level.</p>


  <div class='pre p1 fill-light mt0'>logLevel(_: any): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>_</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        The current log level.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/consolelogLevels'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>logLevels()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Returns the log levels.</p>


  <div class='pre p1 fill-light mt0'>logLevels(): {TRACE: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>, DEBUG: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>, NORMAL: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>, WARN: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>, FATAL: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>, NONE: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>}</div>
  
  
      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>{TRACE: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>, DEBUG: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>, NORMAL: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>, WARN: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>, FATAL: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>, NONE: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>}</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/consolestacktrace'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>stacktrace()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Print a stack trace to the console.</p>


  <div class='pre p1 fill-light mt0'>stacktrace()</div>
  
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/consolelogStringWithLevel'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>logStringWithLevel(msgLevel, caller, msg)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Log the message if log level is equal to or greater than
the supplied log level.</p>


  <div class='pre p1 fill-light mt0'>logStringWithLevel(msgLevel: any, caller: any, msg: any): module:dex/console</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>msgLevel</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>caller</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>msg</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>module:dex/console</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/consolelogString'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>logString()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Log the message as a concatentated string to the
console using NORMAL level logLeve.</p>


  <div class='pre p1 fill-light mt0'>logString(): module:dex/console</div>
  
  
      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>module:dex/console</code>:
        

</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='csv'>
      csv
    </h3>
    
    
  </div>
  

  <p>Construct a csv from the supplied header and data.</p>


  <div class='pre p1 fill-light mt0'>new csv(The: (<a href="#csv">csv</a> | header), The: data)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>The</span> <code class='quiet'>((<a href="#csv">csv</a> | header))</code>
	    header.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>The</span> <code class='quiet'>(data)</code>
	    data.

          </div>
          
        </div>
      
    </div>
  

    <div class='py1 quiet mt1 prose-big'>Instance Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='csv#transpose'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>transpose(csv)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>transpose(csv: any): {header: any, data: {header, data}}</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>csv</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>{header: any, data: {header, data}}</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#getConnectionMatrix'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>getConnectionMatrix(csv)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Given a CSV, create a connection matrix suitable for feeding into a chord
diagram.  Ex, given CSV:</p>


  <div class='pre p1 fill-light mt0'>getConnectionMatrix(csv: any): ({header: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>, connections: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>} | any)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>csv</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>({header: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>, connections: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>} | any)</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#getColumnName'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>getColumnName(colIndex, csv)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Given a csv and a column index, return the name of the column.
If a string is supplied, return the string if it is the name
of a header.  If an integer is supplied, return the name of
the header if that header exists.  This allows us to enable
users to index columns via header name or by index.</p>


  <div class='pre p1 fill-light mt0'>getColumnName(colIndex: any, csv: any): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>colIndex</span> <code class='quiet'>(any)</code>
	    The name of the column header or its index.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>csv</span> <code class='quiet'>(any)</code>
	    The csv for which we're retrieving the column name.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        Null if the column index does not exist, the name
of the corresponding header otherwise.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#getColumnData'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>getColumnData(colIndex, csv)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Retrieve the column referred to by the column index.  The
column index can be a header name or a value column number.</p>


  <div class='pre p1 fill-light mt0'>getColumnData(colIndex: any, csv: any)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>colIndex</span> <code class='quiet'>(any)</code>
	    The index of the column we wish to retrieve.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>csv</span> <code class='quiet'>(any)</code>
	    The csv we're retrieving the data from.

          </div>
          
        </div>
      
    </div>
  

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#toJson'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>toJson(rowIndex, columnIndex, csv)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>toJson(rowIndex: any, columnIndex: any, csv: any): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>rowIndex</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>columnIndex</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>csv</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#toColumnArrayJson'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>toColumnArrayJson(csv)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>toColumnArrayJson(csv: any): {}</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>csv</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>{}</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#copy'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>copy(csv)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Make a copy of this csv.</p>


  <div class='pre p1 fill-light mt0'>copy(csv: <a href="#csv">csv</a>): <a href="#csv">csv</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>csv</span> <code class='quiet'>(<a href="#csv">csv</a>)</code>
	    The csv to copy.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="#csv">csv</a></code>:
        A copy of the original csv.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#toHierarchicalJson'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>toHierarchicalJson(csv)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>A utility transform for dealing with some of D3's more finiky formats.</p>
<p>csv =
{
header : {C1,C2,C3},
data   : [
[A,B,C],
[A,B,D]
]
}
into:
json =
{
"name"     : rootName,
"category" : category,
"children" :
[
"children" :
[
{
"name"     : "A",
"category" : "C1",
"children" :
[
{
"name" : "B",
"category" : "C2",
"children" :
[
{
"name"     : "C",
"category" : "C3",
"size"     : 1
}
{
"name"     : "D",
"category" : "C3",
"size"     : 1
}
]
}
]
}
]
]
}</p>


  <div class='pre p1 fill-light mt0'>toHierarchicalJson(csv: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>csv</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>)</code>
	    
          </div>
          
        </div>
      
    </div>
  

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#connections'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>connections(csv)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Transforms:
csv =
{
header : {C1,C2,C3},
data   : [
[A,B,C],
[A,B,D]
]
}
into:
connections =
{ A:{B:{C:{},D:{}}}}</p>


  <div class='pre p1 fill-light mt0'>connections(csv: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>csv</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>)</code>
	    
          </div>
          
        </div>
      
    </div>
  

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#createRowMap'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>createRowMap(keyIndex, csv)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>createRowMap(keyIndex: any, csv: any): {}</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>keyIndex</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>csv</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>{}</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#columnSlice'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>columnSlice(columns, csv)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>columnSlice(columns: any, csv: any): {}</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>columns</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>csv</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>{}</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#getNumericColumnNames'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>getNumericColumnNames(csv)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>getNumericColumnNames(csv: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>csv</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#guessTypes'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>guessTypes()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>guessTypes(): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></div>
  
  
      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#strictTypes'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>strictTypes()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>strictTypes(): any</div>
  
  
      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#getFramesByIndex'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>getFramesByIndex(columnIndex, sort)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This routine will return a frames structure based on a csv and
an index.  It will first identify all unique values within the
selected column, then sort them into an array of frame indexes.
From there, it will return an array of csv where the elements
contain the specified frame index at the cooresponding location.
This routine supports things such as time/value filtering for
things like a time or slicing dimension for various charts.
IE: No need to write a motion bubble chart, simply combine a
vcr-player with a regular bubble chart connected to play/rewind
events and motion will follow.</p>


  <div class='pre p1 fill-light mt0'>getFramesByIndex(columnIndex: any, sort: any): {frameIndices: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;T>, frames: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>}</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>columnIndex</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>sort</span> <code class='quiet'>(any)</code>
	    The sort parameters.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>{frameIndices: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;T>, frames: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>}</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#getPermutationFrames'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>getPermutationFrames(permutationSize, groupIndex)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Frame out a csv based on non-distinct permutations.  Exclude the
column pointed to by groupIndex from the permutations.  This will
be used to group and typically color the various series contained
within the frames.  A set of frames suitable for SPLOM might be
generated via a call of getPermutationFrames(csv, 2).  However, as
this is written generically, it will also support higher order
dimensions as well.</p>


  <div class='pre p1 fill-light mt0'>getPermutationFrames(permutationSize: any, groupIndex: any): {frameIndices: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>, frames: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>}</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>permutationSize</span> <code class='quiet'>(any)</code>
	    The length of the desired permutations.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>groupIndex</span> <code class='quiet'>(any)</code>
	    The index of we are grouping upon.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>{frameIndices: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>, frames: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>}</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#getCombinationFrames'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>getCombinationFrames(comboLength, groupIndex)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Generate frames based upon a grouping parameter, then</p>


  <div class='pre p1 fill-light mt0'>getCombinationFrames(comboLength: any, groupIndex: any): (any | {frameIndices, frames})</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>comboLength</span> <code class='quiet'>(any)</code>
	    The length of the combinations.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>groupIndex</span> <code class='quiet'>(any)</code>
	    The group index.  This column will be present in
every combination.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>(any | {frameIndices, frames})</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#getNumericIndices'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>getNumericIndices()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>getNumericIndices(): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></div>
  
  
      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#isColumnNumeric'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>isColumnNumeric(columnNum)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>isColumnNumeric(columnNum: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>columnNum</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#summary'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>summary(columnIndexes)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Given a series of categorical indices into a csv which
contains some numeric data, create a new CSV where the
first column is the aggregated categorical indices and
the contents are the sum of numeric columns matching the
aggregated categories.</p>


  <div class='pre p1 fill-light mt0'>summary(columnIndexes: any): {header, data: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>}</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>columnIndexes</span> <code class='quiet'>(any)</code>
	    The indices to be used in summarization.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>{header, data: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>}</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#group'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>group(columns)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>group(columns: any): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>columns</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#visitCells'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>visitCells(func)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>visitCells(func: any)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>func</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#longestWord'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>longestWord()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>longestWord(): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a></div>
  
  
      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a></code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='csv#numericSubset'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>numericSubset()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>numericSubset(): ({} | any)</div>
  
  
      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>({} | any)</code>:
        

</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexdatagen'>
      dex/datagen
    </h3>
    
    
  </div>
  

  <p>This module provides routines for generating data.</p>


  <div class='pre p1 fill-light mt0'>dex/datagen</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/datagenrandomMatrix'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>randomMatrix(spec)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Creates a matrix of random integers within the specified range.</p>


  <div class='pre p1 fill-light mt0'>randomMatrix(spec: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>spec</span> <code class='quiet'>(any)</code>
	    The matrix specification.  Ex: 
{
rows:10, columns: 4, min: 0, max:100
}

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></code>:
        An array containing spec.rows number of rows.  Each row consisting of
an array containing spec.columns elements.  Each element is a randomly generated integer
within the range 
[
spec.min, spec.max
]

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/datagenidentityCsv'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>identityCsv(spec)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Creates a matrix of random integers within the specified range.</p>


  <div class='pre p1 fill-light mt0'>identityCsv(spec: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>spec</span> <code class='quiet'>(any)</code>
	    The matrix specification.  Ex: 
{
rows:10, columns:4 
}

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></code>:
        An array containing spec.rows number of rows.  Each row consisting of
an array containing spec.columns elements.  Each element is a randomly generated integer
within the range 
[
spec.min, spec.max
]

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/datagenidentityMatrix'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>identityMatrix(spec)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This method will return an identity function meeting the supplied
specification.</p>


  <div class='pre p1 fill-light mt0'>identityMatrix(spec: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>): matrix</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>spec</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    The identityMatrix specification.

          </div>
          
          <table class='mt1 mb2 fixed-table h5 col-12'>
            <colgroup>
              <col width='30%' />
              <col width='70%' />
            </colgroup>
            <thead>
              <tr class='bold fill-light'>
                <th>Name</th>
                <th>Description</th>
              </tr>
            </thead>
            <tbody class='mt1'>
              
                <tr>
                  <td class='break-word'><span class='code bold'>spec.rows</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a></code>
                  </td>
                  <td class='break-word'><span>The number of rows to generate.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>spec.columns</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a></code>
                  </td>
                  <td class='break-word'><span>The number of columns to generate.
</span></td>
                </tr>
              
            </tbody>
          </table>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>matrix</code>:
        

    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'>{@lang javascript}
<span class="hljs-comment">// Returns: [['R1C1', 'R1C2' ], ['R2C1', 'R2C2'], ['R3C1', 'R3C2']]</span>
identityMatrix({<span class="hljs-attr">rows</span>: <span class="hljs-number">3</span>, <span class="hljs-attr">columns</span>: <span class="hljs-number">2</span>});</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/datagenidentityHeader'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>identityHeader(spec)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Returns an identity header array.</p>


  <div class='pre p1 fill-light mt0'>identityHeader(spec: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>spec</span> <code class='quiet'>(any)</code>
	    The specification for the header array.

          </div>
          
          <table class='mt1 mb2 fixed-table h5 col-12'>
            <colgroup>
              <col width='30%' />
              <col width='70%' />
            </colgroup>
            <thead>
              <tr class='bold fill-light'>
                <th>Name</th>
                <th>Description</th>
              </tr>
            </thead>
            <tbody class='mt1'>
              
                <tr>
                  <td class='break-word'><span class='code bold'>spec.columns</span> <code class='quiet'>any</code>
                  </td>
                  <td class='break-word'><span>The number of columns to generate.
</span></td>
                </tr>
              
            </tbody>
          </table>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></code>:
        Returns an array of the specified columns.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'><span class="hljs-comment">// Returns: [ 'C1', 'C2', 'C3' ]</span>
identityHeader({ <span class="hljs-attr">columns</span>: <span class="hljs-number">3</span> });</pre>
    
  
</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexgeometry'>
      dex/geometry
    </h3>
    
    
  </div>
  

  <p>This module provides routines for dealing with geometry.</p>


  <div class='pre p1 fill-light mt0'>dex/geometry</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/geometrygetSqDist'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>getSqDist(p1, p2)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This method returns the square distance between two points..</p>


  <div class='pre p1 fill-light mt0'>getSqDist(p1: any, p2: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>p1</span> <code class='quiet'>(any)</code>
	    Point 1

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>p2</span> <code class='quiet'>(any)</code>
	    Point 2

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a></code>:
        The square distance between two points.

      
</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexio'>
      dex/io
    </h3>
    
    
  </div>
  

  <p>This module provides input/output routines.</p>


  <div class='pre p1 fill-light mt0'>dex/io</div>
  
  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexjson'>
      dex/json
    </h3>
    
    
  </div>
  

  <p>This module provides routines for dealing with json.</p>


  <div class='pre p1 fill-light mt0'>dex/json</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/jsontoCsv'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>toCsv(json, header)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Converts JSON and a header to a CSV file.  It is used for parallel coordinate brush
events where the selected brush must be published to events as a csv.</p>
<p>For example, given:</p>
<p>json   = [ { A: 1, B: 3, C: 5, D: 7 },
{ A: 2, B: 4, C: 6, D: 8 } ];
header = [ 'A', 'B', 'C', 'D' ];</p>
<p>This will return a csv where:</p>
<p>csv = { header: [ 'A', 'B', 'C', 'D' ],
data    [[ 1, 4, 5, 7 ], [ 2, 4, 6, 8 ]];</p>


  <div class='pre p1 fill-light mt0'>toCsv(json: any, header: any): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>json</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>header</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/jsonkeys'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>keys(json)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Returns all keys found in a json structure or array of json structures.</p>


  <div class='pre p1 fill-light mt0'>keys(json: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>json</span> <code class='quiet'>(any)</code>
	    The json structure or array of json structures.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></code>:
        A list of keys found within json.

      
</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexmatrix'>
      dex/matrix
    </h3>
    
    
  </div>
  

  <p>This module provides routines for dealing with matrices.</p>


  <div class='pre p1 fill-light mt0'>dex/matrix</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/matrixslice'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>slice(matrix, columns, rows?)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Return the specified slice of the matrix.  The original matrix is
not altered.</p>


  <div class='pre p1 fill-light mt0'>slice(matrix: matrix, columns: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>>, rows: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>?): matrix</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>matrix</span> <code class='quiet'>(matrix)</code>
	    The matrix to be sliced.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>columns</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>>)</code>
	    An array of column indices to include within the slice.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>rows</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>?)</code>
	    If supplied, the slice will consist only of the specified
number of rows.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>matrix</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/matrixuniques'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>uniques(matrix, columns)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Returns a matrix consisting of unique values relative to each
column.</p>


  <div class='pre p1 fill-light mt0'>uniques(matrix: matrix, columns: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>>></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>matrix</span> <code class='quiet'>(matrix)</code>
	    The matrix to evaluate.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>columns</span> <code class='quiet'>(any)</code>
	    The column or array of columns indexes to slice.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>>></code>:
        The unique values relative to each column. In the form
of [
[
 column 1 unique values
]
, 
[
column 2 unique values
]
, ...]]

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/matrixtranspose'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>transpose(matrix)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Returns a transposed matrix where the rows of the new matrix are transposed
with it's columns.</p>


  <div class='pre p1 fill-light mt0'>transpose(matrix: matrix): matrix</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>matrix</span> <code class='quiet'>(matrix)</code>
	    The matrix to transpose.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>matrix</code>:
        The transposed matrix, leaving the original matrix untouched.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'>{@lang javascript}
<span class="hljs-comment">// Returns [['R1C1', 'R2C1', 'R3C1'], ['R1C2', 'R2C2', 'R3C2' ]]</span>
transpose([[<span class="hljs-string">'R1C1'</span>, <span class="hljs-string">'R1C2'</span>], [<span class="hljs-string">'R2C1'</span>, <span class="hljs-string">'R2C2], ['</span>R3C1<span class="hljs-string">', '</span>R3C2<span class="hljs-string">']]);</span></pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/matrixflatten'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>flatten(matrix)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Return a flattened version of the matrix.</p>


  <div class='pre p1 fill-light mt0'>flatten(matrix: matrix): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>matrix</span> <code class='quiet'>(matrix)</code>
	    The matrix to flatten.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>></code>:
        A flattened version of the matrix.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'>{@lang javascript}
<span class="hljs-comment">// Define a simple matrix.</span>
<span class="hljs-keyword">var</span> matrix = [[<span class="hljs-string">'r1c1'</span>, <span class="hljs-string">'r1c2'</span>], [<span class="hljs-string">'r2c1'</span>, <span class="hljs-string">'r2c2'</span>]]

<span class="hljs-comment">// Returns: ['r1c1', 'r1c2', 'r2c1', 'r2c2']</span>
flatten(matrix);</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/matrixextent'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>extent(matrix, indices)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Returns an array of the minimum and maximum value in the form of: [min,max]
from the specified subset of the matrix.</p>


  <div class='pre p1 fill-light mt0'>extent(matrix: matrix, indices: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>matrix</span> <code class='quiet'>(matrix)</code>
	    The matrix to scan.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>indices</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a>&#x3C;<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>></code>:
        An array of two elements: 
[
 min, max 
]

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/matrixcombine'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>combine(matrix1, matrix2)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Combine each column in matrix1 with each column in matrix2.</p>


  <div class='pre p1 fill-light mt0'>combine(matrix1: matrix, matrix2: matrix): matrix</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>matrix1</span> <code class='quiet'>(matrix)</code>
	    The first matrix to combine.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>matrix2</span> <code class='quiet'>(matrix)</code>
	    The second matrix to combine.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>matrix</code>:
        The combined matrix.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'>{@lang javascript}
<span class="hljs-keyword">var</span> matrix1 = [[<span class="hljs-string">'m1r1c1'</span>, <span class="hljs-string">'m1r1c2'</span>], [<span class="hljs-string">'m1r2c1'</span>, <span class="hljs-string">'m1r2c2'</span>]]
<span class="hljs-keyword">var</span> matrix2 = [[<span class="hljs-string">'m2r1c1'</span>, <span class="hljs-string">'m2r1c2'</span>], [<span class="hljs-string">'m2r2c1'</span>, <span class="hljs-string">'m2r2c2'</span>]]

<span class="hljs-comment">// Returns: [['m1r1c1', 'm1r1c2', 'm2r1c1', 'm2r1c2'], ['m1r2c1', 'm1r2c2', 'm2r2c1', 'm2r2c2']]</span>
<span class="hljs-keyword">var</span> result = combine(matrix1, matrix2);</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/matrixcopy'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>copy(matrix)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Return a copy of the supplied matrix.</p>


  <div class='pre p1 fill-light mt0'>copy(matrix: matrix): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>matrix</span> <code class='quiet'>(matrix)</code>
	    The matrix to copy.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></code>:
        A copy of the original matrix.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/matrixaddIndex'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>addIndex(matrix)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Insert a new column at position 0 within this matrix which will contain
integer values starting at 1, 2, 3, ...  This is useful if your dataset
lacks an existing unique index.</p>


  <div class='pre p1 fill-light mt0'>addIndex(matrix: matrix): matrix</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>matrix</span> <code class='quiet'>(matrix)</code>
	    The matrix to index.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>matrix</code>:
        A copy of the original matrix with the index inserted.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/matrixisColumnNumeric'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>isColumnNumeric(matrix, columnNum)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Determine whether the supplied columnNum within the supplied matrix is
numeric or not.</p>


  <div class='pre p1 fill-light mt0'>isColumnNumeric(matrix: matrix, columnNum: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>matrix</span> <code class='quiet'>(matrix)</code>
	    The matrix to evaluate.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>columnNum</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>)</code>
	    The column within the matrix to evaluate.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></code>:
        True if the column is numeric, false otherwise.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/matrixmax'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>max(matrix, columnNum)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Return the maximum value of the specified columnNum within the
supplied matrix.</p>


  <div class='pre p1 fill-light mt0'>max(matrix: any, columnNum: any): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>matrix</span> <code class='quiet'>(any)</code>
	    The matrix to evaluate.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>columnNum</span> <code class='quiet'>(any)</code>
	    The column number within the matrix to evaluate.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        The maximum value of the specified column within the
supplied matrix.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/matrixmin'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>min(matrix, columnNum)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Return the minimum value of the specified columnNum within the
supplied matrix.</p>


  <div class='pre p1 fill-light mt0'>min(matrix: matrix, columnNum: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>matrix</span> <code class='quiet'>(matrix)</code>
	    The matrix to evaluate.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>columnNum</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a>)</code>
	    The column number within the matrix to evaluate.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a></code>:
        The minimum value of the specified column within the
supplied matrix.

      
</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexobject'>
      dex/object
    </h3>
    
    
  </div>
  

  <p>This module provides routines for dealing with objects.</p>


  <div class='pre p1 fill-light mt0'>dex/object</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/objectkeys'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>keys(obj)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Return the local keys of this object without the inherited ones.</p>


  <div class='pre p1 fill-light mt0'>keys(obj: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>obj</span> <code class='quiet'>(any)</code>
	    The object whose local keys we are interested in.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">Array</a></code>:
        An array of 0 or more local keys.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/objectclone'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>clone(obj)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>A pretty good, but imperfect mechanism for performing a deep
clone of an object.</p>


  <div class='pre p1 fill-light mt0'>clone(obj: any): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>obj</span> <code class='quiet'>(any)</code>
	    The object to clone.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        The cloned object.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/objectisEmpty'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>isEmpty(obj)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Kind of misleading.  This really signals when expand should quit
expanding.  I need to clean this up.</p>


  <div class='pre p1 fill-light mt0'>isEmpty(obj: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>obj</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/objectoverlay'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>overlay(top, bottom)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Overlay the top object on top of the bottom.  This method will first clone
the bottom object.  Then it will drop the values within the top object
into the clone.</p>


  <div class='pre p1 fill-light mt0'>overlay(top: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>, bottom: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>top</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>)</code>
	    The object who's properties will be on top.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>bottom</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>)</code>
	    The object who's properties will be on bottom.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a></code>:
        The overlaid object where the properties in top override
properties in bottom.  The return object is a clone or
copy.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/objectisNode'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>isNode(obj)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This method returns whether or not the supplied object is a Node.</p>


  <div class='pre p1 fill-light mt0'>isNode(obj: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>obj</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>)</code>
	    The object to test.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></code>:
        True if obj is a Node, false otherwise.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/objectisElement'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>isElement(obj)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This method returns whether or not the supplied object is a
DOM node.</p>


  <div class='pre p1 fill-light mt0'>isElement(obj: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>obj</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>)</code>
	    The object to test.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></code>:
        True if obj is a DOM node, false otherwise.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/objectcontains'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>contains(container, obj)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This method returns a boolean representing whether obj is contained
within container.</p>


  <div class='pre p1 fill-light mt0'>contains(container: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>, obj: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>container</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>)</code>
	    The container to test.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>obj</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>)</code>
	    The object to test.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        True if container contains obj.  False otherwise.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/objectisFunction'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>isFunction(obj)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Return whether or not the supplied object is a function.</p>


  <div class='pre p1 fill-light mt0'>isFunction(obj: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>obj</span> <code class='quiet'>(any)</code>
	    The object to check.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></code>:
        True if obj is a function, false otherwise.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/objectconnect'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>connect(map, values)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>connect(map: any, values: any): <a href="https://nodejs.org/api/globals.html#globals_exports">exports</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>map</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>values</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://nodejs.org/api/globals.html#globals_exports">exports</a></code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/objectisNumeric'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>isNumeric(obj)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>isNumeric(obj: any): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>obj</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/objectsetHierarchical'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>setHierarchical(hierarchy, name, value, delimiter)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='pre p1 fill-light mt0'>setHierarchical(hierarchy: any, name: any, value: any, delimiter: any): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>hierarchy</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>name</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>value</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>delimiter</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        

</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexui'>
      dex/ui
    </h3>
    
    
  </div>
  

  <p>This module provides various ui components.</p>


  <div class='pre p1 fill-light mt0'>dex/ui</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/uiPlayer'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>Player(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Construct a player component.</p>


  <div class='pre p1 fill-light mt0'>Player(userConfig: any): Player</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The configuration of the player.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Player</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/uiSqlQuery'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>SqlQuery(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This creates a SqlQuery component which provides a SQL
interface into retrieving data from a SQL Lite database.</p>


  <div class='pre p1 fill-light mt0'>SqlQuery(userConfig: any): SqlQuery</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The following configuration options are available for configuring the
behavior of the SqlQuery component.
<br>
<br>

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>SqlQuery</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/uiTable'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>Table(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Creates a Table component for visualizing tabular data.</p>


  <div class='pre p1 fill-light mt0'>Table(userConfig: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>): Table</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    A user supplied configuration object which
will override the defaults.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Table</code>:
        

    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'>{@lang javascript}
<span class="hljs-keyword">var</span> myTable = <span class="hljs-keyword">new</span> dex.ui.Table({
  <span class="hljs-string">'parent'</span> : <span class="hljs-string">"#MyTableContainer"</span>,
  <span class="hljs-string">'id'</span>     : <span class="hljs-string">"MyTableId"</span>
  <span class="hljs-string">'csv'</span>    : { <span class="hljs-attr">header</span> : [ <span class="hljs-string">"X"</span>, <span class="hljs-string">"Y"</span>, <span class="hljs-string">"Z"</span> ],
               <span class="hljs-attr">data</span>   : [[ <span class="hljs-number">1</span>, <span class="hljs-number">2</span>, <span class="hljs-number">3</span> ], [<span class="hljs-number">4</span>, <span class="hljs-number">5</span>, <span class="hljs-number">6</span>], [<span class="hljs-number">7</span>, <span class="hljs-number">8</span>, <span class="hljs-number">9</span>]]}
});</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/uiConfigurationPane'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>ConfigurationPane(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Creates a ConfigurationPane component.</p>


  <div class='pre p1 fill-light mt0'>ConfigurationPane(userConfig: any): (dex.component | any | <a href="#dex">dex</a>)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The component configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>(dex.component | any | <a href="#dex">dex</a>)</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/uiColumnSelector'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>ColumnSelector(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Creates a Table component for visualizing tabular data.</p>


  <div class='pre p1 fill-light mt0'>ColumnSelector(userConfig: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>): ColumnSelector</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    A user supplied configuration object which
will override the defaults.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>ColumnSelector</code>:
        

    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'>{@lang javascript}
<span class="hljs-keyword">var</span> myTable = <span class="hljs-keyword">new</span> dex.ui.Table({
  <span class="hljs-string">'parent'</span> : <span class="hljs-string">"#MyTableContainer"</span>,
  <span class="hljs-string">'id'</span>     : <span class="hljs-string">"MyTableId"</span>
  <span class="hljs-string">'csv'</span>    : { <span class="hljs-attr">header</span> : [ <span class="hljs-string">"X"</span>, <span class="hljs-string">"Y"</span>, <span class="hljs-string">"Z"</span> ],
               <span class="hljs-attr">data</span>   : [[ <span class="hljs-number">1</span>, <span class="hljs-number">2</span>, <span class="hljs-number">3</span> ], [<span class="hljs-number">4</span>, <span class="hljs-number">5</span>, <span class="hljs-number">6</span>], [<span class="hljs-number">7</span>, <span class="hljs-number">8</span>, <span class="hljs-number">9</span>]]}
});</pre>
    
  
</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexutild3'>
      dex/util/d3
    </h3>
    
    
  </div>
  

  <p>This module provides utility routines.</p>


  <div class='pre p1 fill-light mt0'>dex/util/d3</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/util/d3autosize'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>autosize(d)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Given a d3 element, this routine will determine the parent's
bounding box and annotate information related to the bounds
in which this element can expand.</p>


  <div class='pre p1 fill-light mt0'>autosize(d: any): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>d</span> <code class='quiet'>(any)</code>
	    The d3 element we wish to size.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        The annotated d3 element.

      
</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexcomponent'>
      dex/component
    </h3>
    
    
  </div>
  

  <p>The base constructor for a dex component.</p>


  <div class='pre p1 fill-light mt0'>new dex/component(userConfig: any, defaultConfig: any)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>defaultConfig</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/componentrefresh'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>refresh()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Refresh a component.  This routine will take the minimal
effort to refresh a component.  Components with update
capability (ie: the ability to take incremental change),
will perform a miminimal update.  Components which do
not support incremental updates will perform a full
render.  This behavior is controlled by the "refreshType"
component option which is set either to "update" or
"render".</p>


  <div class='pre p1 fill-light mt0'>refresh()</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'><span class="hljs-keyword">var</span> someChart = dex.chart.SomeChart({ <span class="hljs-attr">refreshType</span>: <span class="hljs-string">'update'</span> }).render();
someChart.refresh(); <span class="hljs-comment">// Calls update on refresh. ie: partial update.</span>

<span class="hljs-keyword">var</span> anotherChart = dex.chart.AnotherChart({ <span class="hljs-attr">refreshType</span>: <span class="hljs-string">'render'</span> )}.render();
<span class="hljs-comment">// Calls render on refresh.  This means that the entire chart is recreated.</span>
anotherChart.refresh();</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentgetSaved'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>getSaved()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Get reconstruct the saved component from the saved parameters.</p>


  <div class='pre p1 fill-light mt0'>getSaved(): any</div>
  
  
      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        the reconstructed component.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentattr'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>attr(name, value)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Get or set a component's attribute.  When called without
arguments, retrieve all the attributes of that component.</p>
<ul>
<li>() - Return the component's configuration.</li>
<li>(name) - Return the value of a specific named attribute.</li>
<li>(name, value)- Set the value of an attribute.</li>
</ul>


  <div class='pre p1 fill-light mt0'>attr(name: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, value: any): Component</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>name</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>)</code>
	    The name of the attribute we are accessing.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>value</span> <code class='quiet'>(any)</code>
	    The value of the attribute.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Component</code>:
        The component so that this form will support
the chaining of attr calls.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'><span class="hljs-comment">// Return the chart's configuration.</span>
<span class="hljs-keyword">var</span> config = chart.attr();

<span class="hljs-comment">// Return the height attribute of the chart.</span>
<span class="hljs-keyword">var</span> height = chart.attr(<span class="hljs-string">"height"</span>);

<span class="hljs-comment">// Set attribute name to value</span>
chart.attr(<span class="hljs-string">"name"</span>, value);

<span class="hljs-comment">// Set param1, param2 and a nested parameter named param3</span>
<span class="hljs-comment">// using dot-notation.</span>
chart.attr(<span class="hljs-string">"param1"</span>, <span class="hljs-string">"value1"</span>)
  .attr(<span class="hljs-string">"param2"</span>, <span class="hljs-string">"value2"</span>)
  .attr(<span class="hljs-string">"nested.param3"</span>, { <span class="hljs-attr">key</span>: <span class="hljs-string">"value"</span> };</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentattrNoEvent'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>attrNoEvent(name, value)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>By default, the setter form of attr (having 2 arguments) triggers
an event notifying all concerned listeners that the attribute
has changed.  Sometimes we wish avoid the generation of this
event.</p>


  <div class='pre p1 fill-light mt0'>attrNoEvent(name: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, value: any): Component</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>name</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>)</code>
	    The attribute name.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>value</span> <code class='quiet'>(any)</code>
	    The attribute value.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Component</code>:
        Returns the component being changed so that
method chaining works.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentclone'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>clone(options)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Components must define a clone function.  This is a
placeholder to indicate that they have not done so
should it get called.</p>


  <div class='pre p1 fill-light mt0'>clone(options: any)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>options</span> <code class='quiet'>(any)</code>
	    Dummy operator in this case, but in a
real clone implementation, it would contain the
user specified options for the clone.  Thus, clone
can clone and modify on the fly.

          </div>
          
        </div>
      
    </div>
  

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentgetGuiDefinition'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>getGuiDefinition(userGuiDef, target)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Components should define a gui definition for platforms
to modify their settings interactively.  This provides a
generic implementation consisting of common attributes for
components which have not defined their interface.</p>


  <div class='pre p1 fill-light mt0'>getGuiDefinition(userGuiDef: any, target: any): GuiDefinition</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userGuiDef</span> <code class='quiet'>(any)</code>
	    User supplied gui definitions which will
take precedence over defaults.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>target</span> <code class='quiet'>(any)</code>
	    The component's configuration target which
will be changed when this GUI is interactec with by the
user.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>GuiDefinition</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentsubscribe'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>subscribe(source, eventType, callback)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Subscribe a component to the specified events of another component.</p>


  <div class='pre p1 fill-light mt0'>subscribe(source: Component, eventType: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>, callback: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function">function</a>): handle</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>source</span> <code class='quiet'>(Component)</code>
	    The source component.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>eventType</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>)</code>
	    The events we are interested in.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>callback</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function">function</a>)</code>
	    The callback to invoke when the event is received.
Events may also pass data to this callback.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>handle</code>:
        A handle which may be used to unsubscribe from
the event channel.  False if something failed.

      
    <div class='py1 quiet mt1 prose-big'>Example</div>
    
      
      <pre class='p1 overflow-auto round fill-light'><span class="hljs-keyword">var</span> handle = chart1.subscribe(chart2, <span class="hljs-string">'select'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">event</span>) </span>{
  <span class="hljs-comment">// do something</span>
});</pre>
    
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentgetMargins'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>getMargins()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Get the component's margins.</p>


  <div class='pre p1 fill-light mt0'>getMargins(): <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a></div>
  
  
      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a></code>:
        The component's margins.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentunsubscribe'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>unsubscribe(handle, The)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Unsubscribe this component from the channel indicated in the
handle.</p>


  <div class='pre p1 fill-light mt0'>unsubscribe(handle: any, The: handle): Component</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>handle</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>The</span> <code class='quiet'>(handle)</code>
	    handle attained through cmp.subscribe.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Component</code>:
        The component for method chaining support.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentpublish'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>publish(event)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Publish an event to the component's subscribers.</p>


  <div class='pre p1 fill-light mt0'>publish(event: any)</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>event</span> <code class='quiet'>(any)</code>
	    The event to publish.  An event can be any object, however,
it must define a property named "type".

          </div>
          
          <table class='mt1 mb2 fixed-table h5 col-12'>
            <colgroup>
              <col width='30%' />
              <col width='70%' />
            </colgroup>
            <thead>
              <tr class='bold fill-light'>
                <th>Name</th>
                <th>Description</th>
              </tr>
            </thead>
            <tbody class='mt1'>
              
                <tr>
                  <td class='break-word'><span class='code bold'>event.type</span> <code class='quiet'>any</code>
                  </td>
                  <td class='break-word'><span>The type of the event we are publishing.
</span></td>
                </tr>
              
            </tbody>
          </table>
          
        </div>
      
    </div>
  

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentrender'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>render()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>A default no-op implementation of render.  Subclasses should
override this method with one which provides an initial rendering
of their specific component.  This is a great place to put
one-time only initialization logic.</p>


  <div class='pre p1 fill-light mt0'>render()</div>
  
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentupdate'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>update()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>A default no-op implementation of update.  This will update the
current component relative to any new setting or data changes.</p>


  <div class='pre p1 fill-light mt0'>update()</div>
  
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentresize'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>resize()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Resize the component.</p>


  <div class='pre p1 fill-light mt0'>resize(): component</div>
  
  
      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>component</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentrenderAsync'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>renderAsync</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Render the chart asynchronously and ensure we don't attempt to
render more than 1x / second via debounce.</p>


  <div class='pre p1 fill-light mt0'>renderAsync</div>
  
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentupdateAsync'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>updateAsync</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Update the chart asynchronously and ensure we don't attempt to
update more than 1x / second via debounce.</p>


  <div class='pre p1 fill-light mt0'>updateAsync</div>
  
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentrefreshAsync'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>refreshAsync</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Refresh the chart asynchronously and ensure we don't attempt to
refresh more than 1x / second via debounce.</p>


  <div class='pre p1 fill-light mt0'>refreshAsync</div>
  
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentresizeAsync'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>resizeAsync</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Resize the chart asynchronously and ensure we don't attempt to
resize more than 1x / second via debounce.</p>


  <div class='pre p1 fill-light mt0'>resizeAsync</div>
  
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentdeleteChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>deleteChart()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Default implementation for chart deletion.</p>


  <div class='pre p1 fill-light mt0'>deleteChart()</div>
  
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentdeleteComponent'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>deleteComponent()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Delete the chart.  Unregister listeners and delete it gracefully.</p>


  <div class='pre p1 fill-light mt0'>deleteComponent()</div>
  
  
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentattrSave'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>attrSave(name, value)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Save a specified attribute.</p>


  <div class='pre p1 fill-light mt0'>attrSave(name: any, value: any): Component</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>name</span> <code class='quiet'>(any)</code>
	    The attribute name.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>value</span> <code class='quiet'>(any)</code>
	    The attribute value.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Component</code>:
        Returns the component for method chaining.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentload'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>load()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Load component state from the DOM.  It silently looks for the information
within an attribute with id=dexjs-config descended from the HTML page
body.  Each chart configured is encapsulated in a div element with a
chart-id attribute set to the id of that component as defined in it's
config.id option.  This means that if you wish to configure multiple
instances of the same chart type on the same page, you must supply them
with unique id's.</p>


  <div class='pre p1 fill-light mt0'>load(): Component</div>
  
  
      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Component</code>:
        Returns the component after having the loaded attributes
applied to it.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/componentsave'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>save()</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Save the user modified component state to the DOM.  The information
is stored in an element with selector path: "body div#dexjs-config".
Under this element, individual charts are configured in a descending
div element with attribute "chart-id" set to the component's
config.id.</p>


  <div class='pre p1 fill-light mt0'>save(): Component</div>
  
  
      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Component</code>:
        Returns the component for method chaining.

      
</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexchartsc3'>
      dex/charts/c3
    </h3>
    
    
  </div>
  

  <p>This module provides C3 based visualization components.</p>


  <div class='pre p1 fill-light mt0'>dex/charts/c3</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/charts/c3C3Chart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>C3Chart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for C3 charts.</p>


  <div class='pre p1 fill-light mt0'>C3Chart(userConfig: any): C3Chart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>C3Chart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/c3PieChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>PieChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a C3 Pie Chart.</p>


  <div class='pre p1 fill-light mt0'>PieChart(userConfig: any): DonutChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>DonutChart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/c3DonutChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>DonutChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a C3 Donut Chart.</p>


  <div class='pre p1 fill-light mt0'>DonutChart(userConfig: any): DonutChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>DonutChart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/c3AreaChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>new AreaChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a C3 Area Chart.</p>


  <div class='pre p1 fill-light mt0'>new AreaChart(userConfig: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>): AreaChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>AreaChart</code>:
        A C3 AreaChart configured to the supplied
specification.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/c3BarChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>BarChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a C3 Bar Chart.</p>


  <div class='pre p1 fill-light mt0'>BarChart(userConfig: any): BarChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>BarChart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/c3LineChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>LineChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a C3 Line Chart.</p>


  <div class='pre p1 fill-light mt0'>LineChart(userConfig: any): LineChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>LineChart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/c3dex/charts/c3/ScatterPlot'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>dex/charts/c3/ScatterPlot(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This module provides a C3 ScatterPlot</p>


  <div class='pre p1 fill-light mt0'>dex/charts/c3/ScatterPlot(userConfig: any): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        ScatterPlot

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/c3dex/charts/c3/StackedAreaChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>dex/charts/c3/StackedAreaChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This module provides a C3 StackedArea Chart.</p>


  <div class='pre p1 fill-light mt0'>dex/charts/c3/StackedAreaChart(userConfig: any): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        StackedAreaChart

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/c3dex/charts/c3/StackedBarChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>dex/charts/c3/StackedBarChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This module provides a C3 StackedBar Chart.</p>


  <div class='pre p1 fill-light mt0'>dex/charts/c3/StackedBarChart(userConfig: any): any</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>any</code>:
        StackedBarChart

      
</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexchartsd3'>
      dex/charts/d3
    </h3>
    
    
  </div>
  

  <p>This module provides D3 based visualization components.</p>


  <div class='pre p1 fill-light mt0'>dex/charts/d3</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/charts/d3BumpChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>BumpChart(options, colorScheme, format)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 BumpChart component.</p>


  <div class='pre p1 fill-light mt0'>BumpChart(options: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>, colorScheme: ColormapName, format: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>): BumpChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>options</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    The chart's configuration.

          </div>
          
          <table class='mt1 mb2 fixed-table h5 col-12'>
            <colgroup>
              <col width='30%' />
              <col width='70%' />
            </colgroup>
            <thead>
              <tr class='bold fill-light'>
                <th>Name</th>
                <th>Description</th>
              </tr>
            </thead>
            <tbody class='mt1'>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.parent</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>#BumpChartParent</code>)
                  </td>
                  <td class='break-word'><span>A selector pointing to the
parent container to which this chart will be added.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.id</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>BumpChartId</code>)
                  </td>
                  <td class='break-word'><span>The id of this chart.  This enables
it to be uniquely styled, even on pages with multiple charts of the same
type.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.class</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>BumpChartClass</code>)
                  </td>
                  <td class='break-word'><span>The class of this chart.
This enables groups of similarly classed charts to be styled in a
common manner.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.resizable</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></code>
                  
                    (default <code>true</code>)
                  </td>
                  <td class='break-word'><span>If true, the chart will resize
itself to the size of the parent container, otherwise, it will observe
any height/width limitations imposed by the options.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.csv</span> <code class='quiet'><a href="#csv">csv</a></code>
                  </td>
                  <td class='break-word'><span>The csv data for this chart.  This chart expects a CSV
consisting of 3 columns of the form: Category:String, Sequence:Number,
Ranking:Number.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.width</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>)</code>
                  
                    (default <code>100%</code>)
                  </td>
                  <td class='break-word'><span>The width of the chart expressed either
as a number representing the width in pixels, or as a percentage of the
available parent container space.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.height</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>)</code>
                  
                    (default <code>100%</code>)
                  </td>
                  <td class='break-word'><span>The height of the chart expressed either
as a number representing the height in pixels, or as a percentage of the
available parent container space.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.margin</span> <code class='quiet'>margin</code>
                  </td>
                  <td class='break-word'><span>The margins of this chart.  Expressed as an
object with properties top, bottom, left and right which represent the top,
bottom, left and right margins respectively.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.transform</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  </td>
                  <td class='break-word'><span>The transformation to apply to the chart.
ex: rotate(45), size(.5), etc...
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.speed</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a></code>
                  </td>
                  <td class='break-word'><span>The time, in milliseconds between transitions
or frames as the chart displays.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.chartLabel</span> <code class='quiet'>TextSpec</code>
                  </td>
                  <td class='break-word'><span>The text specification for chart labels.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.categoryLabel</span> <code class='quiet'>TextSpec</code>
                  </td>
                  <td class='break-word'><span>The text specification for categories.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.sequenceLabel</span> <code class='quiet'>TextSpec</code>
                  </td>
                  <td class='break-word'><span>The text specification for sequences.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.circle</span> <code class='quiet'>CircleGroupSpec</code>
                  </td>
                  <td class='break-word'><span>The specification for nodes represented as
circles under normal and emphasized circumstances.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.line</span> <code class='quiet'>LineGroupSpec</code>
                  </td>
                  <td class='break-word'><span>The specification for lines under normal and
emphasized circumstances.
</span></td>
                </tr>
              
            </tbody>
          </table>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>colorScheme</span> <code class='quiet'>(ColormapName)</code>
	    The name of the colormap to use for our
color scheme.

          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>format</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>)</code>
	    The d3 format to apply to the format of the ticks.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>BumpChart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3Chord'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>Chord(userConfig, options)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 Chord diagram.</p>


  <div class='pre p1 fill-light mt0'>Chord(userConfig: any, options: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>): Chord</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>options</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    The chart's configuration.

          </div>
          
          <table class='mt1 mb2 fixed-table h5 col-12'>
            <colgroup>
              <col width='30%' />
              <col width='70%' />
            </colgroup>
            <thead>
              <tr class='bold fill-light'>
                <th>Name</th>
                <th>Description</th>
              </tr>
            </thead>
            <tbody class='mt1'>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.parent</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>#ChordParent</code>)
                  </td>
                  <td class='break-word'><span>A selector pointing to the
parent container to which this chart will be added.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.id</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>ChordId</code>)
                  </td>
                  <td class='break-word'><span>The id of this chart.  This enables
it to be uniquely styled, even on pages with multiple charts of the same
type.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.class</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>ChordClass</code>)
                  </td>
                  <td class='break-word'><span>The class of this chart.
This enables groups of similarly classed charts to be styled in a
common manner.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.resizable</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></code>
                  
                    (default <code>true</code>)
                  </td>
                  <td class='break-word'><span>If true, the chart will resize
itself to the size of the parent container, otherwise, it will observe
any height/width limitations imposed by the options.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.csv</span> <code class='quiet'><a href="#csv">csv</a></code>
                  </td>
                  <td class='break-word'><span>The csv data for this chart.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.width</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>)</code>
                  
                    (default <code>100%</code>)
                  </td>
                  <td class='break-word'><span>The width of the chart expressed either
as a number representing the width in pixels, or as a percentage of the
available parent container space.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.height</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>)</code>
                  
                    (default <code>100%</code>)
                  </td>
                  <td class='break-word'><span>The height of the chart expressed either
as a number representing the height in pixels, or as a percentage of the
available parent container space.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.margin</span> <code class='quiet'>margin</code>
                  </td>
                  <td class='break-word'><span>The margins of this chart.  Expressed as an
object with properties top, bottom, left and right which represent the top,
bottom, left and right margins respectively.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.transform</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  </td>
                  <td class='break-word'><span>The transformation to apply to the chart.
ex: rotate(45), size(.5), etc...
</span></td>
                </tr>
              
            </tbody>
          </table>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Chord</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3ClusteredForce'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>ClusteredForce(userConfig, options)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 Clustered Force visualization.</p>


  <div class='pre p1 fill-light mt0'>ClusteredForce(userConfig: any, options: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>): ClusteredForce</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>options</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    The chart's configuration.

          </div>
          
          <table class='mt1 mb2 fixed-table h5 col-12'>
            <colgroup>
              <col width='30%' />
              <col width='70%' />
            </colgroup>
            <thead>
              <tr class='bold fill-light'>
                <th>Name</th>
                <th>Description</th>
              </tr>
            </thead>
            <tbody class='mt1'>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.parent</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>#ClusteredForceParent</code>)
                  </td>
                  <td class='break-word'><span>A selector pointing to the
parent container to which this chart will be added.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.id</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>ClusteredForceId</code>)
                  </td>
                  <td class='break-word'><span>The id of this chart.  This enables
it to be uniquely styled, even on pages with multiple charts of the same
type.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.class</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>ClusterdForceClass</code>)
                  </td>
                  <td class='break-word'><span>The class of this chart.
This enables groups of similarly classed charts to be styled in a
common manner.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.resizable</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></code>
                  
                    (default <code>true</code>)
                  </td>
                  <td class='break-word'><span>If true, the chart will resize
itself to the size of the parent container, otherwise, it will observe
any height/width limitations imposed by the options.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.csv</span> <code class='quiet'><a href="#csv">csv</a></code>
                  </td>
                  <td class='break-word'><span>The csv data for this chart.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.width</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>)</code>
                  
                    (default <code>100%</code>)
                  </td>
                  <td class='break-word'><span>The width of the chart expressed either
as a number representing the width in pixels, or as a percentage of the
available parent container space.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.height</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>)</code>
                  
                    (default <code>100%</code>)
                  </td>
                  <td class='break-word'><span>The height of the chart expressed either
as a number representing the height in pixels, or as a percentage of the
available parent container space.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.margin</span> <code class='quiet'>margin</code>
                  </td>
                  <td class='break-word'><span>The margins of this chart.  Expressed as an
object with properties top, bottom, left and right which represent the top,
bottom, left and right margins respectively.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.transform</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  </td>
                  <td class='break-word'><span>The transformation to apply to the chart.
ex: rotate(45), size(.5), etc...
</span></td>
                </tr>
              
            </tbody>
          </table>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>ClusteredForce</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3Dendrogram'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>new Dendrogram(options)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 Dendrogram visualization.</p>


  <div class='pre p1 fill-light mt0'>new Dendrogram(options: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>): Dendrogram</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>options</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    The chart's configuration.

          </div>
          
          <table class='mt1 mb2 fixed-table h5 col-12'>
            <colgroup>
              <col width='30%' />
              <col width='70%' />
            </colgroup>
            <thead>
              <tr class='bold fill-light'>
                <th>Name</th>
                <th>Description</th>
              </tr>
            </thead>
            <tbody class='mt1'>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.parent</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>#DendrogramParent</code>)
                  </td>
                  <td class='break-word'><span>A selector pointing to the
parent container to which this chart will be added.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.id</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>DendrogramId</code>)
                  </td>
                  <td class='break-word'><span>The id of this chart.  This enables
it to be uniquely styled, even on pages with multiple charts of the same
type.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.class</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>DendrogramClass</code>)
                  </td>
                  <td class='break-word'><span>The class of this chart.
This enables groups of similarly classed charts to be styled in a
common manner.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.resizable</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></code>
                  
                    (default <code>true</code>)
                  </td>
                  <td class='break-word'><span>If true, the chart will resize
itself to the size of the parent container, otherwise, it will observe
any height/width limitations imposed by the options.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.csv</span> <code class='quiet'><a href="#csv">csv</a></code>
                  </td>
                  <td class='break-word'><span>The csv data for this chart.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.width</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>)</code>
                  
                    (default <code>100%</code>)
                  </td>
                  <td class='break-word'><span>The width of the chart expressed either
as a number representing the width in pixels, or as a percentage of the
available parent container space.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.height</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>)</code>
                  
                    (default <code>100%</code>)
                  </td>
                  <td class='break-word'><span>The height of the chart expressed either
as a number representing the height in pixels, or as a percentage of the
available parent container space.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.margin</span> <code class='quiet'>margin</code>
                  </td>
                  <td class='break-word'><span>The margins of this chart.  Expressed as an
object with properties top, bottom, left and right which represent the top,
bottom, left and right margins respectively.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.transform</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  </td>
                  <td class='break-word'><span>The transformation to apply to the chart.
ex: rotate(45), size(.5), etc...
</span></td>
                </tr>
              
            </tbody>
          </table>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Dendrogram</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3HorizontalLegend'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>HorizontalLegend(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 HorizontalLegend component.</p>


  <div class='pre p1 fill-light mt0'>HorizontalLegend(userConfig: any): HorizontalLegend</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>HorizontalLegend</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3IcicleChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>IcicleChart(userConfig, options)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 Icicle chart.</p>


  <div class='pre p1 fill-light mt0'>IcicleChart(userConfig: any, options: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>): IcicleChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    
          </div>
          
        </div>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>options</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
	    The chart's configuration.

          </div>
          
          <table class='mt1 mb2 fixed-table h5 col-12'>
            <colgroup>
              <col width='30%' />
              <col width='70%' />
            </colgroup>
            <thead>
              <tr class='bold fill-light'>
                <th>Name</th>
                <th>Description</th>
              </tr>
            </thead>
            <tbody class='mt1'>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.parent</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>#IcicleParent</code>)
                  </td>
                  <td class='break-word'><span>A selector pointing to the
parent container to which this chart will be added.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.id</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>IcicleId</code>)
                  </td>
                  <td class='break-word'><span>The id of this chart.  This enables
it to be uniquely styled, even on pages with multiple charts of the same
type.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.class</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  
                    (default <code>IcicleClass</code>)
                  </td>
                  <td class='break-word'><span>The class of this chart.
This enables groups of similarly classed charts to be styled in a
common manner.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.resizable</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></code>
                  
                    (default <code>true</code>)
                  </td>
                  <td class='break-word'><span>If true, the chart will resize
itself to the size of the parent container, otherwise, it will observe
any height/width limitations imposed by the options.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.csv</span> <code class='quiet'><a href="#csv">csv</a></code>
                  </td>
                  <td class='break-word'><span>The csv data for this chart.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.width</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>)</code>
                  
                    (default <code>100%</code>)
                  </td>
                  <td class='break-word'><span>The width of the chart expressed either
as a number representing the width in pixels, or as a percentage of the
available parent container space.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.height</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number">number</a> | <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>)</code>
                  
                    (default <code>100%</code>)
                  </td>
                  <td class='break-word'><span>The height of the chart expressed either
as a number representing the height in pixels, or as a percentage of the
available parent container space.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.margin</span> <code class='quiet'>margin</code>
                  </td>
                  <td class='break-word'><span>The margins of this chart.  Expressed as an
object with properties top, bottom, left and right which represent the top,
bottom, left and right margins respectively.
</span></td>
                </tr>
              
                <tr>
                  <td class='break-word'><span class='code bold'>options.transform</span> <code class='quiet'><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a></code>
                  </td>
                  <td class='break-word'><span>The transformation to apply to the chart.
ex: rotate(45), size(.5), etc...
</span></td>
                </tr>
              
            </tbody>
          </table>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>IcicleChart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3Legend'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>Legend(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 HorizontalLegend component.</p>


  <div class='pre p1 fill-light mt0'>Legend(userConfig: any): Legend</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Legend</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3MotionBarChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>MotionBarChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 MotionBarChart component.</p>


  <div class='pre p1 fill-light mt0'>MotionBarChart(userConfig: any): MotionBarChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>MotionBarChart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3OrbitalLayout'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>OrbitalLayout(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 OrbitalLayout component.</p>


  <div class='pre p1 fill-light mt0'>OrbitalLayout(userConfig: any): OrbitalLayout</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>OrbitalLayout</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3ParallelCoordinates'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>ParallelCoordinates(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 ParallelCoordinates component.</p>


  <div class='pre p1 fill-light mt0'>ParallelCoordinates(userConfig: any): ParallelCoordinates</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>ParallelCoordinates</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3RadarChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>RadarChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 RadarChart component.</p>


  <div class='pre p1 fill-light mt0'>RadarChart(userConfig: any): RadarChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>RadarChart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3RadialTree'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>RadialTree(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 RadialTree component.</p>


  <div class='pre p1 fill-light mt0'>RadialTree(userConfig: any): RadialTree</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>RadialTree</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3Sankey'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>Sankey(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 Sankey component.</p>


  <div class='pre p1 fill-light mt0'>Sankey(userConfig: any): Sankey</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Sankey</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3Sankey2'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>Sankey2(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 Sankey component.</p>


  <div class='pre p1 fill-light mt0'>Sankey2(userConfig: any): Sankey</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Sankey</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3ScatterPlot'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>ScatterPlot(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 ScatterPlot component.</p>


  <div class='pre p1 fill-light mt0'>ScatterPlot(userConfig: any): ScatterPlot</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>ScatterPlot</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3Sunburst'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>Sunburst(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 Sunburst component.</p>


  <div class='pre p1 fill-light mt0'>Sunburst(userConfig: any): Sunburst</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Sunburst</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3Treemap'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>Treemap(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 Treemap component.</p>


  <div class='pre p1 fill-light mt0'>Treemap(userConfig: any): Treemap</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Treemap</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3VerticalLegend'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>VerticalLegend(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 VerticalLegend component.</p>


  <div class='pre p1 fill-light mt0'>VerticalLegend(userConfig: any): VerticalLegend</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>VerticalLegend</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3TreemapBarChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>TreemapBarChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 TreemapBarChart component.</p>


  <div class='pre p1 fill-light mt0'>TreemapBarChart(userConfig: any): TreemapBarChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>TreemapBarChart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/d3TopoJsonMap'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>TopoJsonMap(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3 TopoJsonMap component.</p>


  <div class='pre p1 fill-light mt0'>TopoJsonMap(userConfig: any): TopoJsonMap</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>TopoJsonMap</code>:
        

</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id=''>
      
    </h3>
    
    
  </div>
  

  <p>.attr("radius", function (d) {
return (dex.object.isNumeric(d.radius) ? d.radius : 1);
})
.attr("cx", function (d) {
return (dex.object.isNumeric(d.x) ? d.x : 0);
})
.attr("cy", function (d) {
return (dex.object.isNumeric(d.y) ? d.y : 0);
});</p>


  <div class='pre p1 fill-light mt0'></div>
  
  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexchartsd3plus'>
      dex/charts/d3plus
    </h3>
    
    
  </div>
  

  <p>This module provides d3plus based visualizations.</p>


  <div class='pre p1 fill-light mt0'>dex/charts/d3plus</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/charts/d3plusRingNetwork'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>RingNetwork(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a D3Plus RingNetwork.</p>


  <div class='pre p1 fill-light mt0'>RingNetwork(userConfig: any): RingNetwork</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>RingNetwork</code>:
        

</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexchartsecharts'>
      dex/charts/echarts
    </h3>
    
    
  </div>
  

  <div class='pre p1 fill-light mt0'>dex/charts/echarts</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/charts/echartsEChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>EChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>The base constructor for an EChart.</p>


  <div class='pre p1 fill-light mt0'>EChart(userConfig: any): EChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The EChart configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>EChart</code>:
        The EChart configured to specification.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/echartsHeatMap'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>HeatMap(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Create an ECharts HeatMap with the given specification.</p>


  <div class='pre p1 fill-light mt0'>HeatMap(userConfig: any): HeatMap</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>HeatMap</code>:
        An ECharts Line Chart configured to specification.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/echartsLineChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>LineChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Create an ECharts LineChart with the given specification.</p>


  <div class='pre p1 fill-light mt0'>LineChart(userConfig: any): LineChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>LineChart</code>:
        An ECharts Line Chart configured to specification.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/echartsParallelCoordinates'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>ParallelCoordinates(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Create an ECharts LineChart with the given specification.</p>


  <div class='pre p1 fill-light mt0'>ParallelCoordinates(userConfig: any): ParallelCoordinates</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>ParallelCoordinates</code>:
        An ECharts Parallel Coordinates chart configured to specification.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/echartsPolarPlot'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>PolarPlot(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Create an ECharts Polar Plot with the given specification.</p>


  <div class='pre p1 fill-light mt0'>PolarPlot(userConfig: any): PolarPlot</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>PolarPlot</code>:
        An ECharts Network configured to specification.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/echartsTimeline'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>Timeline(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Create an ECharts Network with the given specification.</p>


  <div class='pre p1 fill-light mt0'>Timeline(userConfig: any): Network</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Network</code>:
        An ECharts Network configured to specification.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/echartsNetwork'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>Network(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Create an ECharts Network with the given specification.</p>


  <div class='pre p1 fill-light mt0'>Network(userConfig: any): Network</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Network</code>:
        An ECharts Network configured to specification.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/echartsSingleAxisScatterPlot'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>SingleAxisScatterPlot(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Create an ECharts Single Axis ScatterPlot with the given specification.</p>


  <div class='pre p1 fill-light mt0'>SingleAxisScatterPlot(userConfig: any): SingleAxisScatterPlot</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>SingleAxisScatterPlot</code>:
        An ECharts Network configured to specification.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/echartsPieChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>PieChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Create an ECharts Pie Chart with the given specification.</p>


  <div class='pre p1 fill-light mt0'>PieChart(userConfig: any): PieChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>PieChart</code>:
        An ECharts Pie Chart configured to specification.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/echartsSteamGraph'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>SteamGraph(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Create an ECharts SteamGraph with the given specification.</p>


  <div class='pre p1 fill-light mt0'>SteamGraph(userConfig: any): SteamGraph</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>SteamGraph</code>:
        An ECharts Steam Graph configured to specification.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/echartsRadarChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>RadarChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Create an ECharts Radar Chart with the given specification.</p>


  <div class='pre p1 fill-light mt0'>RadarChart(userConfig: any): RadarChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>RadarChart</code>:
        An ECharts Network configured to specification.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/echartsTree'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>Tree(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Create an ECharts Tree with the given specification.</p>


  <div class='pre p1 fill-light mt0'>Tree(userConfig: any): Network</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Network</code>:
        An ECharts Tree configured to specification.

      
</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/echartsBarChart3D'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>BarChart3D(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>Create an ECharts LineChart with the given specification.</p>


  <div class='pre p1 fill-light mt0'>BarChart3D(userConfig: any): BarChart3D</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>BarChart3D</code>:
        An ECharts 3D Bar Chart configured to specification.

      
</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexchartselegans'>
      dex/charts/elegans
    </h3>
    
    
  </div>
  

  <p>Create charts using WebGL based Elegans.</p>


  <div class='pre p1 fill-light mt0'>dex/charts/elegans</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/charts/elegansscatterplot'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>scatterplot(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a Elegans ScatterPlot.</p>


  <div class='pre p1 fill-light mt0'>scatterplot(userConfig: any): ScatterPlot</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>ScatterPlot</code>:
        

</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexchartsgrid'>
      dex/charts/grid
    </h3>
    
    
  </div>
  

  <p>This module contains components related to grids and tables of information.</p>


  <div class='pre p1 fill-light mt0'>dex/charts/grid</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/charts/gridJqGrid'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>JqGrid(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a JS Grid.</p>


  <div class='pre p1 fill-light mt0'>JqGrid(userConfig: any): JqGrid</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>JqGrid</code>:
        

</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexchartsmultiples'>
      dex/charts/multiples
    </h3>
    
    
  </div>
  

  <p>This module contains components related to producing multiples.</p>


  <div class='pre p1 fill-light mt0'>dex/charts/multiples</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/charts/multiplesGridsterMultiples'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>GridsterMultiples(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for Gridster base multiples.</p>


  <div class='pre p1 fill-light mt0'>GridsterMultiples(userConfig: any): GridsterMultiples</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>GridsterMultiples</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/multiplesMultiples'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>Multiples(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for Simple HTML based multiples.</p>


  <div class='pre p1 fill-light mt0'>Multiples(userConfig: any): Multiples</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Multiples</code>:
        

</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexchartsnvd3'>
      dex/charts/nvd3
    </h3>
    
    
  </div>
  

  <p>This module provides NVD3 based visualization components.</p>


  <div class='pre p1 fill-light mt0'>dex/charts/nvd3</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/charts/nvd3StackedAreaChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>StackedAreaChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a NVD3 StackedAreaChart.</p>


  <div class='pre p1 fill-light mt0'>StackedAreaChart(userConfig: any): StackedAreaChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>StackedAreaChart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/nvd3BubbleChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>BubbleChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a NVD3 BubbleChart.</p>


  <div class='pre p1 fill-light mt0'>BubbleChart(userConfig: any): BubbleChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>BubbleChart</code>:
        

</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexchartstaucharts'>
      dex/charts/taucharts
    </h3>
    
    
  </div>
  

  <div class='pre p1 fill-light mt0'>dex/charts/taucharts</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/charts/tauchartsTauChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>TauChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a TauChart.</p>


  <div class='pre p1 fill-light mt0'>TauChart(userConfig: any): TauChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>TauChart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/tauchartsAreaChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>AreaChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a TauChart AreaChart.</p>


  <div class='pre p1 fill-light mt0'>AreaChart(userConfig: any): AreaChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>AreaChart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/tauchartsLineChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>LineChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a TauChart LineChart.</p>


  <div class='pre p1 fill-light mt0'>LineChart(userConfig: any): LineChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>LineChart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/tauchartsScatterPlot'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>ScatterPlot(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a TauChart ScatterPlot.</p>


  <div class='pre p1 fill-light mt0'>ScatterPlot(userConfig: any): ScatterPlot</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>ScatterPlot</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/tauchartsBarChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>BarChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a TauChart BarChart.</p>


  <div class='pre p1 fill-light mt0'>BarChart(userConfig: any): BarChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>BarChart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/tauchartsStackedBarChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>StackedBarChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a TauChart StackedBarChart.</p>


  <div class='pre p1 fill-light mt0'>StackedBarChart(userConfig: any): StackedBarChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>StackedBarChart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/tauchartsHorizontalBarChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>HorizontalBarChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a TauChart HorizontalBarChart.</p>


  <div class='pre p1 fill-light mt0'>HorizontalBarChart(userConfig: any): HorizontalBarChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>HorizontalBarChart</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/tauchartsHorizontalStackedBarChart'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>HorizontalStackedBarChart(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a TauChart HorizontalStackedBarChart.</p>


  <div class='pre p1 fill-light mt0'>HorizontalStackedBarChart(userConfig: any): HorizontalStackedBarChart</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>HorizontalStackedBarChart</code>:
        

</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexchartsthreejs'>
      dex/charts/threejs
    </h3>
    
    
  </div>
  

  <p>This module provides ThreeJS/WebGL based visualization components.</p>


  <div class='pre p1 fill-light mt0'>dex/charts/threejs</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/charts/threejsScatterPlot'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>ScatterPlot(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a WebGL ScatterPlot component.</p>


  <div class='pre p1 fill-light mt0'>ScatterPlot(userConfig: any): ScatterPlot</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>ScatterPlot</code>:
        

</section>

      </div>
    </div>
  
</div>

  
</section>

          
            <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <div class='clearfix'>
    
    <h3 class='fl m0' id='dexchartsvis'>
      dex/charts/vis
    </h3>
    
    
  </div>
  

  <p>This module provides VisJS based visualizations.</p>


  <div class='pre p1 fill-light mt0'>dex/charts/vis</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Static Members</div>
    <div class="clearfix">
  
    <div class='border-bottom' id='dex/charts/visNetwork'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>Network(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a VisJS Network component.</p>


  <div class='pre p1 fill-light mt0'>Network(userConfig: any): Network</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Network</code>:
        

</section>

      </div>
    </div>
  
    <div class='border-bottom' id='dex/charts/visNetwork'>
      <div class="clearfix small pointer toggle-sibling">
        <div class="py1 contain">
            <a class='icon pin-right py1 dark-link caret-right'>▸</a>
            <span class='code strong strong truncate'>Network(userConfig)</span>
        </div>
      </div>
      <div class="clearfix display-none toggle-target">
        <section class='p2 mb2 clearfix bg-white minishadow'>

  
  <p>This is the base constructor for a VisJS Timeline component.</p>


  <div class='pre p1 fill-light mt0'>Network(userConfig: any): Timeline</div>
  
  
    <div class='py1 quiet mt1 prose-big'>Parameters</div>
    <div class='prose'>
      
        <div class='space-bottom0'>
          <div>
            <span class='code bold'>userConfig</span> <code class='quiet'>(any)</code>
	    The chart's configuration.

          </div>
          
        </div>
      
    </div>
  

      <div class='py1 quiet mt1 prose-big'>Returns</div>
      <code>Timeline</code>:
        

</section>

      </div>
    </div>
  
</div>

  
</section>

          
      </div>
    </div>
  </div>
  <script src='assets/anchor.js'></script>
  <script src='assets/site.js'></script>
</body>
</html>