Preamble¶

Introduction¶

Let's take a look at some parameters that control the layout of our diagram.

As we can see, we have set our license details in the preamble with Chord.set_license()

Dataset¶

Chord expects a list of names (list[str]) and a co-occurence matrix (list[list[float]]) as input.

It may look more clear if we present this as a table with the columns and indices labelled. This is entirely optional.

Visualisation¶

We can modify the width, margin, and rotation of our diagram.

The width parameter will also set the height, as the Plotapi Chord maintains a $1:1$ ratio.

The margin parameter expects a single float to imply an equal margin of that size.

The rotate paramater will rotate the Chord diagram around its center.

By default a Chord diagram is centered, but this can be disabled with center=False.

Here we're using .show() which outputs to a Jupyter Notebook cell, however, we may want to output to a HTML file with .to_html() instead. More on the different output methods later!

Be sure to interact with the visualisation to see what the default settings can do!

You can do so much more than what's presented in this example, and we'll cover this in later sections. If you want to see the full list of growing features, check out the Plotapi Documentation. and the Plotapi Gallery.

Preamble¶

Introduction¶

Plotapi Chord supports a linked data table. This means as you hover over segments and ribbons in the Chord diagram, a data table will be filtering in real-time to show more information.

As we can see, we have set our license details in the preamble with Chord.set_license()

Dataset¶

Chord expects a list of names (list[str]) and a co-occurence matrix (list[list[float]]) as input.

It may look more clear if we present this as a table with the columns and indices labelled. This is entirely optional.

To make use of the linked data table, we need to provide some data in CSV format. This could be loaded through a file, directly in a strong, or using a pandas DataFrame (.to_csv(index=False)).

Visualisation¶

We'll enable the linked data table by passing data into the data_table parameter, and we'll modify the data_table_column_width by setting it to a smaller value of $80$.

Here we're using .show() which outputs to a Jupyter Notebook cell, however, we may want to output to a HTML file with .to_html() instead. More on the different output methods later!

Be sure to interact with the visualisation to see what the default settings can do!

Data table mode includes the "locking" feature. Try clicking on the Thriller segment and you will see a padlock icon appear in the top right, and until you click somewhere again the current selection will persist.

You can do so much more than what's presented in this example, and we'll cover this in later sections. If you want to see the full list of growing features, check out the Plotapi Documentation. and the Plotapi Gallery.

Preamble¶

Introduction¶

The asymmetric (symmetric=False) Plotapi Chord diagram allows use to represent the value at each end of the relationship with a single ribbon. However, it may be more suitable to use two different ribbons with arrows to indicate the direction of the relationship. This is possible with Plotapi Chord.

As we can see, we have set our license details in the preamble with Chord.set_license()

Dataset¶

Chord expects a list of names (list[str]) and a co-occurence matrix (list[list[float]]) as input.

It may look more clear if we present this as a table with the columns and indices labelled. This is entirely optional.

Visualisation¶

To enable directed mode, we only need to set the directed parameter to true.

Here we're using .show() which outputs to a Jupyter Notebook cell, however, we may want to output to a HTML file with .to_html() instead. More on the different output methods later!

Be sure to interact with the visualisation to see what the default settings can do!

The directed Chord diagram can be paired with reverse_gradients=True to make it easier to see where inbound/outbound relationships are coming from or going to.

You can do so much more than what's presented in this example, and we'll cover this in later sections. If you want to see the full list of growing features, check out the Plotapi Documentation. and the Plotapi Gallery.

Preamble¶

Introduction¶

We can mix and match some of our parameters to create a visualisation that looks significantly different, although it uses the same data.

As we can see, we have set our license details in the preamble with Chord.set_license()

Dataset¶

Chord expects a list of names (list[str]) and a co-occurence matrix (list[list[float]]) as input.

It may look more clear if we present this as a table with the columns and indices labelled. This is entirely optional.

Visualisation¶

Let's mix and match some parameters that we've covered in this gallery.

Here we're using .show() which outputs to a Jupyter Notebook cell, however, we may want to output to a HTML file with .to_html() instead. More on the different output methods later!

Be sure to interact with the visualisation to see what the default settings can do!

You can do so much more than what's presented in this example, and we'll cover this in later sections. If you want to see the full list of growing features, check out the Plotapi Documentation. and the Plotapi Gallery.

Preamble¶

Introduction¶

It may be desirable to have equal-sized segments in our Chord Diagram. This is possible with Plotapi, and makes use of the colored_diagonals feature. The idea is to determine the max frequency in our plot, and set all the diagonals to that value. Let's assume that is $20$ for this example.

As we can see, we have set our license details in the preamble with Chord.set_license()

Dataset¶

Chord expects a list of names (list[str]) and a co-occurence matrix (list[list[float]]) as input.

We can see above that this creates a chord diagram with equal-sized segments. All we need to do now is introduce our relationships, and subtract them from the corresponding diagonal value.

It may look more clear if we present this as a table with the columns and indices labelled. This is entirely optional.

Visualisation¶

With our matrix prepared, we can use Plotapi with colored_diagonals=False to create a diagram with equal-sized segments and some ribbons between categories. We could add some padding to separate them too.

Here we're using .show() which outputs to a Jupyter Notebook cell, however, we may want to output to a HTML file with .to_html() instead. More on the different output methods later!

Be sure to interact with the visualisation to see what the default settings can do!

You can do so much more than what's presented in this example, and we'll cover this in later sections. If you want to see the full list of growing features, check out the Plotapi Documentation. and the Plotapi Gallery.

Preamble¶

Introduction¶

By default, Plotapi Chord displays occurrences where a category is not related to another category. These values appear in the diagonal of the matrix. It may be desirable to hide (but not remove) these values, this is possible with Plotapi.

As we can see, we have set our license details in the preamble with Chord.set_license()

Dataset¶

Chord expects a list of names (list[str]) and a co-occurence matrix (list[list[float]]) as input.

It may look more clear if we present this as a table with the columns and indices labelled. This is entirely optional.

Visualisation¶

The representation of the diagonal values can be hidden by setting colored_diagonals=False.

Let's first see what they look like when they're visible.

Here we're using .show() which outputs to a Jupyter Notebook cell, however, we may want to output to a HTML file with .to_html() instead. More on the different output methods later!

Be sure to interact with the visualisation to see what the default settings can do!

Now let's see what it looks like when they're not visible.

You can do so much more than what's presented in this example, and we'll cover this in later sections. If you want to see the full list of growing features, check out the Plotapi Documentation. and the Plotapi Gallery.

Preamble¶

Introduction¶

It's often necessary to label either side of our bipartite Chord diagrams - Plotapi makes this easy.

As we can see, we have set our license details in the preamble with Chord.set_license()

Dataset¶

Chord expects a list of names (list[str]) and a co-occurence matrix (list[list[float]]) as input.

It may look more clear if we present this as a table with the columns and indices labelled. This is entirely optional.

Visualisation¶

To label both sides of the bipartite Chord diagram, we can set the bipartite_left_label and bipartite_right_label.

Here we're using .show() which outputs to a Jupyter Notebook cell, however, we may want to output to a HTML file with .to_html() instead. More on the different output methods later!

Be sure to interact with the visualisation to see what the default settings can do!

You can do so much more than what's presented in this example, and we'll cover this in later sections. If you want to see the full list of growing features, check out the Plotapi Documentation. and the Plotapi Gallery.

Preamble¶

Introduction¶

The bipartite feature of Plotapi Chord makes the biggest difference to the presentation and interpretation of the diagram. It splits the diagram in two, meaning relationships now happen between two different categorical sets.

As we can see, we have set our license details in the preamble with Chord.set_license()

Dataset¶

Chord expects a list of names (list[str]) and a co-occurence matrix (list[list[float]]) as input.

It may look more clear if we present this as a table with the columns and indices labelled. This is entirely optional.

Visualisation¶

The bipartite mode is activated by setting the bipartite parameter to True.

• bipartite enables/disables the bipartite chord diagram mode.
• bipartite_idx sets the dividing point of the matrix.
• bipartite_size sets the size of the spacing that creates the divide.
• colors must be explicitly listed in bipartite mode.

We have 6 categories in our matrix, and we wish to divide them directly down the middle, so our bipartite_idx will be $3$.

Here we're using .show() which outputs to a Jupyter Notebook cell, however, we may want to output to a HTML file with .to_html() instead. More on the different output methods later!

Be sure to interact with the visualisation to see what the default settings can do!

You can do so much more than what's presented in this example, and we'll cover this in later sections. If you want to see the full list of growing features, check out the Plotapi Documentation. and the Plotapi Gallery.

Preamble¶

Introduction¶

We may want to switch between the WebGL or D3.js canvas animations depending on our requirements. These have been configured to look the same.

As we can see, we have set our license details in the preamble with Terminus.set_license().

Dataset¶

Terminus expects a list of dictionary items, these will define the flow of pixels between a source and a target.

We can add many source's and target's! As they increase, we may need to adjust Terminus layout properties to accomodate the diagram's size and throughput.

Visualisation¶

To switch between the two, set webgl=True (the default) for WebGL, and webgl=False for D3.js canvas animation.

Let's try the D3.js canvas animation.

Here we're using .show() which outputs to a Jupyter Notebook cell, however, we may want to output to an HTML file with .to_html() instead. More on the different output methods later!

You can do so much more than what's presented in this example, and this is covered in other sections. If you want to see the full list of growing features, check out the Plotapi API Documentation.

Preamble¶

Introduction¶

The Terminus pixel size can be modified to improve the presentation of our diagram, this works as intended in both WebGL and D3.js canvas mode.

As we can see, we have set our license details in the preamble with Terminus.set_license().

Dataset¶

Terminus expects a list of dictionary items, these will define the flow of pixels between a source and a target.

We can add many source's and target's! As they increase, we may need to adjust Terminus layout properties to accomodate the diagram's size and throughput.

Visualisation¶

To change the pixel size, we simply change the value of pixel_size.

Let's try a pixel size smaller than the default setting.

Here we're using .show() which outputs to a Jupyter Notebook cell, however, we may want to output to an HTML file with .to_html() instead. More on the different output methods later!

You can do so much more than what's presented in this example, and this is covered in other sections. If you want to see the full list of growing features, check out the Plotapi API Documentation.