Function update

tensorboard/plugins/graph/tf_graph_common/node.ts:1461–1527

* Adjust annotation's position. * * @param aGroup selection of a 'g.annotation' element. * @param d Host node data. * @param a annotation node data. * @param sceneElement polymer element.

(
  aGroup,
  d: render.RenderNodeInfo,
  a: render.Annotation,
  sceneElement
)

 * @param sceneElement <tf-graph-scene> polymer element.
 */
function update(
  aGroup,
  d: render.RenderNodeInfo,
  a: render.Annotation,
  sceneElement
) {
  let cx = layout.computeCXPositionOfNodeShape(d);
  // Annotations that point to embedded nodes (constants,summary)
  // don't have a render information attached so we don't stylize these.
  // Also we don't stylize ellipsis annotations (the string '... and X more').
  if (a.renderNodeInfo && a.annotationType !== render.AnnotationType.ELLIPSIS) {
    stylize(aGroup, a.renderNodeInfo, sceneElement, Class.Annotation.NODE);
  }
  if (a.annotationType === render.AnnotationType.SUMMARY) {
    // Update the width of the annotation to give space for the image.
    a.width += 10;
  }
  // label position
  aGroup
    .select('text.' + Class.Annotation.LABEL)
    .transition()
    .attr('x', cx + a.dx + (a.isIn ? -1 : 1) * (a.width / 2 + a.labelOffset))
    .attr('y', d.y + a.dy);
  // Some annotations (such as summary) are represented using a 12x12 image tag.
  // Purposely omitted units (e.g. pixels) since the images are vector graphics.
  // If there is an image, we adjust the location of the image to be vertically
  // centered with the node and horizontally centered between the arrow and the
  // text label.
  aGroup
    .select('use.summary')
    .transition()
    .attr('x', cx + a.dx - 3)
    .attr('y', d.y + a.dy - 6);
  // Node position (only one of the shape selection will be non-empty.)
  positionEllipse(
    aGroup.select('.' + Class.Annotation.NODE + ' ellipse'),
    cx + a.dx,
    d.y + a.dy,
    a.width,
    a.height
  );
  positionRect(
    aGroup.select('.' + Class.Annotation.NODE + ' rect'),
    cx + a.dx,
    d.y + a.dy,
    a.width,
    a.height
  );
  positionRect(
    aGroup.select('.' + Class.Annotation.NODE + ' use'),
    cx + a.dx,
    d.y + a.dy,
    a.width,
    a.height
  );
  // Edge position
  aGroup
    .select('path.' + Class.Annotation.EDGE)