Class TricoloreViz

D3.js visualization for Tricolore

Index

Constructors

Methods

createContinuousPlot createDiscretePlot createSextantPlot

Constructors

constructor

new TricoloreViz(
    selector: any,
    width?: number,
    height?: number,
    margin?: { bottom: number; left: number; right: number; top: number },
): TricoloreViz
Create a TricoloreViz instance
Parameters
- selector: any
  CSS selector for container or D3 selection
- width: number = 650
  Width of the visualization
- height: number = 520
  Height of the visualization
- margin: { bottom: number; left: number; right: number; top: number } = ...
  Margins around the visualization
Returns TricoloreViz
Throws
Error - If D3.js is not available
- Defined in viz/tricoloreViz.ts:34

Methods

createContinuousPlot

createContinuousPlot(
data?: TernaryPoint[],
options?: Partial<VisualizationOptions>,
): void
Create a continuous ternary plot using canvas
Parameters
- data: TernaryPoint[] = []
  Array of ternary points
- options: Partial<VisualizationOptions> = {}
  Visualization options
Returns void
Throws
Error - If showData is true and data contains invalid ternary points
- Defined in viz/tricoloreViz.ts:84

createDiscretePlot

createDiscretePlot(
data?: TernaryPoint[],
options?: Partial<VisualizationOptions>,
): void
Create a discrete ternary plot using SVG polygons
Parameters
- data: TernaryPoint[] = []
  Array of ternary points
- options: Partial<VisualizationOptions> = {}
  Visualization options
Returns void
Throws
Error - If showData is true and data contains invalid ternary points
- Defined in viz/tricoloreViz.ts:153

createSextantPlot

createSextantPlot(
data?: TernaryPoint[],
options?: Partial<VisualizationOptions> & { values?: string[] },
): void
Create a sextant ternary plot
Parameters
- data: TernaryPoint[] = []
  Array of ternary points
- options: Partial<VisualizationOptions> & { values?: string[] } = {}
  Visualization options
Returns void
Throws
Error - If showData is true and data contains invalid ternary points
- Defined in viz/tricoloreViz.ts:233