PC2Chord
This example links a parallel coordinates chart to a chord diagram to show relationships among US presidents’ party and home state. Selecting an axis on the parallel coordinates chart updates the chord diagram’s displayed connections via a `select` event and `setSelected` action. Both visualizations are built from a single CSV dataset using dex.js’s `dex.render` API, which constructs and wires the charts and their interaction declaratively through a JSON specification.
AI-generated descriptionData Driven Parallel Coordinates to Chord Diagram
This example is interesting in a couple of ways.
First, it demonstrates the ability of dex.js to construct charts from data. This construction can include interactions as well.
Secondly, the interaction itself is interesting. By selecting the axis on the parallel coordinates chart the chord diagram is updated showing the relationships of the selected data.
dex.create
The dex.create method takes a json specification and constructs the components it describes but does not render them.
dex.render
The dex.render method takes a json specification, constructs and renders it. An array of constructed components is returned.
References
- dex.js The main site