docs: function getEntryIconHtml(shape) {
          var html = '',
              name = shape.name,
              x = shape.xPos,
              y = shape.yPos,
              fill = shape.fillColor,
              stroke = shape.strokeColor,
              width = shape.strokeWidth;
          switch (name) {
              case 'circle':
                  html = '<use xlink:href="#circle" class="legendIcon" ' +
                      'x="' + x + '" ' +
                      'y="' + y + '" ' +
                      'fill="' + fill + '" ' +
                      'stroke="' + stroke + '" ' +
                      'stroke-width="' + width + '" ' +
                      'width="1.5em" height="1.5em"' +
                      '/>';
                  break;
              case 'diamond':
                  html = '<use xlink:href="#diamond" class="legendIcon" ' +
                      'x="' + x + '" ' +
                      'y="' + y + '" ' +
                      'fill="' + fill + '" ' +
                      'stroke="' + stroke + '" ' +
                      'stroke-width="' + width + '" ' +
                      'width="1.5em" height="1.5em"' +
                      '/>';
                  break;
              case 'cross':
                  html = '<use xlink:href="#cross" class="legendIcon" ' +
                      'x="' + x + '" ' +
                      'y="' + y + '" ' +
                      // 'fill="' + fill + '" ' +
                      'stroke="' + stroke + '" ' +
                      'stroke-width="' + width + '" ' +
                      'width="1.5em" height="1.5em"' +
                      '/>';
                  break;
              case 'rectangle':
                  html = '<use xlink:href="#rectangle" class="legendIcon" ' +
                      'x="' + x + '" ' +
                      'y="' + y + '" ' +
                      'fill="' + fill + '" ' +
                      'stroke="' + stroke + '" ' +
                      'stroke-width="' + width + '" ' +
                      'width="1.5em" height="1.5em"' +
                      '/>';
                  break;
              case 'plus':
                  html = '<use xlink:href="#plus" class="legendIcon" ' +
                      'x="' + x + '" ' +
                      'y="' + y + '" ' +
                      // 'fill="' + fill + '" ' +
                      'stroke="' + stroke + '" ' +
                      'stroke-width="' + width + '" ' +
                      'width="1.5em" height="1.5em"' +
                      '/>';
                  break;
              case 'bar':
                  html = '<use xlink:href="#bars" class="legendIcon" ' +
                      'x="' + x + '" ' +
                      'y="' + y + '" ' +
                      'fill="' + fill + '" ' +
                      // 'stroke="' + stroke + '" ' +
                      // 'stroke-width="' + width + '" ' +
                      'width="1.5em" height="1.5em"' +
                      '/>';
                  break;
              case 'area':
                  html = '<use xlink:href="#area" class="legendIcon" ' +
                      'x="' + x + '" ' +
                      'y="' + y + '" ' +
                      'fill="' + fill + '" ' +
                      // 'stroke="' + stroke + '" ' +
                      // 'stroke-width="' + width + '" ' +
                      'width="1.5em" height="1.5em"' +
                      '/>';
                  break;
              case 'line':
                  html = '<use xlink:href="#line" class="legendIcon" ' +
                      'x="' + x + '" ' +
                      'y="' + y + '" ' +
                      // 'fill="' + fill + '" ' +
                      'stroke="' + stroke + '" ' +
                      'stroke-width="' + width + '" ' +
                      'width="1.5em" height="1.5em"' +
                      '/>';
                  break;
              default:
                  // default is circle
                  html = '<use xlink:href="#circle" class="legendIcon" ' +
                      'x="' + x + '" ' +
                      'y="' + y + '" ' +
                      'fill="' + fill + '" ' +
                      'stroke="' + stroke + '" ' +
                      'stroke-width="' + width + '" ' +
                      'width="1.5em" height="1.5em"' +
                      '/>';
          }
  
          return html;
      }