@mathstack/viz 0.0.1-beta.2 → 0.0.1-beta.3

package/README.md

@@ -0,0 +1,11 @@
+# VizComponents
+
+## Overview
+
+Viz Components is a library of Angular components for building highly custom data visualizations,
+built on top of D3.
+
+Viz Components allows users to compose sub-chart level components into custom data visualizations
+and to fully customize the system of visual marks used to represent data. At the same time, this
+package takes care of common data viz functionality, such as setting scales, creating axes, and
+responsively scaling svgs under the hood.

package/fesm2022/mathstack-viz.mjs

@@ -1857,7 +1857,7 @@ class XyAxis extends XyAuxMarks {
             this.wrapAxisTickText(tickText);
         }
         if (this.config.ticks.marksDisplay === false) {
-            const marks = select(this.elRef.nativeElement).selectAll('.tick line');
+            const marks = select(this.elRef.nativeElement).selectAll(`.${this.class.axisGroup} .tick line`);
             marks.remove();
         }
     }
@@ -8478,7 +8478,7 @@ class LinesStrokeBuilder {
      * OPTIONAL. A value for the line's [stroke-dasharray]{@link https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray}
      *  attribute.
      *
-     * @default 'round'
+     * @default 'none'
      */
     dasharray(dasharray) {
         this._dasharray = dasharray;
@@ -9024,8 +9024,17 @@ class LinesComponent extends VicXyPrimaryMarks {
             .append('path')
             .attr('class', ([category], i) => `${this.class.line} ${this.config.datumClass(this.config.getDataFromCategory(category)[0], i)}`.trim())
             .attr('stroke', ([category]) => this.scales.color(category))
+            .attr('stroke-dasharray', this.config.stroke.dasharray)
+            .attr('stroke-linecap', this.config.stroke.linecap)
+            .attr('stroke-linejoin', this.config.stroke.linejoin)
+            .attr('stroke-width', this.config.stroke.width)
             .attr('d', ([, lineData]) => this.line(lineData)), (update) => update
+            .attr('class', ([category], i) => `${this.class.line} ${this.config.datumClass(this.config.getDataFromCategory(category)[0], i)}`.trim())
             .attr('stroke', ([category]) => this.scales.color(category))
+            .attr('stroke-dasharray', this.config.stroke.dasharray)
+            .attr('stroke-linecap', this.config.stroke.linecap)
+            .attr('stroke-linejoin', this.config.stroke.linejoin)
+            .attr('stroke-width', this.config.stroke.width)
             .call((update) => update
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             .transition(t)