MAIDR Documentation - v4.4.0
    Preparing search index...
    • Binds a D3.js Cleveland dot plot to MAIDR.

      A dot plot is a bar chart drawn with a different mark: one category, one value, navigated the same way. The extraction is therefore identical to bindD3Bar — point selector at the <circle> marks so MAIDR highlights the dots themselves — and only the announced chart type differs.

      Dot plots are usually drawn with the categories down the page. Pass orientation: Orientation.HORIZONTAL (with x reading the value and y the category) so the axes are announced the way the chart was drawn.

      Parameters

      • svg: Element

        The SVG element (or container) containing the D3 dot plot.

      • config: D3BarConfig

        Configuration specifying the selector and data accessors.

      Returns D3BinderResult

      A D3BinderResult with the MAIDR data and generated layer.

      bindD3Dot(svgElement, {
      selector: 'circle.dot',
      title: 'Median Response Time',
      orientation: Orientation.HORIZONTAL,
      axes: { x: 'Milliseconds', y: 'Endpoint' },
      x: 'ms',
      y: 'endpoint',
      });