Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/TargetProcess/tauCharts/llms.txt

Use this file to discover all available pages before exploring further.

Parallel coordinates charts draw one vertical axis for each variable in the columns array and connect each data record with a polyline that passes through its value on every axis. This layout makes it easy to spot clusters, outliers, and correlations across many variables simultaneously — something that would require many pairwise scatter plots to achieve otherwise. 
var chart = new Taucharts.Chart({
    type   : 'parallel',
    columns: ['price', 'horsepower', 'mpg', 'weight'],
    color  : 'origin',
    data   : [
        { price: 24509, horsepower: 130, mpg: 18, weight: 3504, origin: 'USA'    },
        { price: 18900, horsepower:  75, mpg: 24, weight: 2246, origin: 'Europe' },
        { price: 14200, horsepower:  92, mpg: 27, weight: 2126, origin: 'Japan'  },
        { price: 31000, horsepower: 165, mpg: 15, weight: 3693, origin: 'USA'    }
    ],
    plugins: [
        Taucharts.api.plugins.get('legend')()
    ]
});

chart.renderTo('#chart');

​
Validation

Taucharts requires at least two dimensions in columns. Providing fewer raises the error: 
[columns] property must contain at least 2 dimensions

​
Configuration

​
type
string
required
Must be "parallel".
​
columns
string[]
required
An ordered array of data field names, each rendered as a vertical axis. Must contain at least two entries.
​
color
string
A data field used to color-encode the polylines. Each unique value receives a distinct color, making it easy to trace a subset of records across all axes.
​
data
object[]
required
Array of plain objects. Each object is drawn as one polyline connecting its values across the axes defined in columns.
​
guide
object
Visual configuration. The columns key inside guide accepts per-axis scale guides keyed by field name.
​
plugins
object[]
Array of plugin instances. The legend plugin is useful when color encodes a categorical field.

​
Use case: comparing multiple variables

Parallel coordinates excel when you need to compare records across more than two numeric dimensions. For example, comparing car models across price, fuel efficiency, engine power, and weight: 
var chart = new Taucharts.Chart({
    type   : 'parallel',
    columns: ['engine_size', 'horsepower', 'mpg', 'price'],
    color  : 'class',
    data   : [
        { engine_size: 1.8, horsepower:  92, mpg: 33, price: 16500, class: 'compact' },
        { engine_size: 3.0, horsepower: 200, mpg: 21, price: 42000, class: 'luxury'  },
        { engine_size: 2.0, horsepower: 148, mpg: 26, price: 24000, class: 'midsize' },
        { engine_size: 5.0, horsepower: 300, mpg: 14, price: 58000, class: 'luxury'  },
        { engine_size: 1.5, horsepower:  80, mpg: 38, price: 13000, class: 'compact' }
    ],
    plugins: [
        Taucharts.api.plugins.get('legend')()
    ]
});

chart.renderTo('#chart');
Use the color field to highlight a categorical group — such as product class or geographic region — so you can visually trace how that group behaves across all axes simultaneously.

Build docs developers (and LLMs) love

Get started for freeTalk to us