See here for the example code that generated this page

Graph - Network Visualization Examples

The Graph chart type displays interactive network graphs with nodes and edges. It can visualize:

Interactive features:




Example 1: Stock Correlation Network with Multiple Scenarios

This example shows correlations between stock returns across different time periods. Stocks are colored by sector to reveal industry clustering patterns.

Features demonstrated:

Try this: Switch between scenarios to see how correlations change across different time periods. Notice how nodes stay in place while edges change - this makes it easy to identify robust correlations. Adjust the cutoff slider to filter weak correlations. Stocks in the same sector (same color) often cluster together.




Stock Correlation Network - Multiple Scenarios


(Apply variable selection & reorganize layout)
(Changing layout recalculates)
Tip: Deselected variables become translucent. Click "Recalculate Graph" to remove them and reorganize. Switching scenarios updates edges but keeps node positions.

Data: stock_graph_data




Example 2: City Proximity Network with Correlation Methods

This example shows similarity between cities based on their economic indicators, with both Pearson and Spearman correlations available.

Features demonstrated:

Try this: Switch between Pearson and Spearman correlation methods to see how the network changes. Pearson measures linear relationships while Spearman measures rank-based relationships.




City Economic Similarity Network


(Apply variable selection & reorganize layout)
(Changing layout recalculates)
Tip: Deselected variables become translucent. Click "Recalculate Graph" to remove them and reorganize. Switching scenarios updates edges but keeps node positions.

Data: city_graph_data




Example 3: Social Network with Demographics

This example shows a social network where people are connected based on similarity. You can color nodes by different demographic attributes.

Features demonstrated:

Try this: Switch between coloring by Department, Team, and Location to see different community patterns.




Social Network - Connection Patterns


(Apply variable selection & reorganize layout)
(Changing layout recalculates)
Tip: Deselected variables become translucent. Click "Recalculate Graph" to remove them and reorganize. Switching scenarios updates edges but keeps node positions.

Data: social_graph_data




Example 4: Research Collaboration Network

This example shows collaboration patterns between researchers across different institutions and fields.

Features demonstrated:

Observation: Researchers at the same institution (same color) often collaborate more, but there are also strong cross-institutional collaborations visible in the network.




Research Collaboration Network


(Apply variable selection & reorganize layout)
(Changing layout recalculates)
Tip: Deselected variables become translucent. Click "Recalculate Graph" to remove them and reorganize. Switching scenarios updates edges but keeps node positions.

Data: research_graph_data




Example 5: Product Similarity Network with Grid Layout

This example demonstrates the grid layout option, organizing nodes in a regular grid pattern.

Features demonstrated:

Use case: Grid layouts are useful when you want a clean, organized view of all nodes with connections overlaid.




Product Purchase Co-occurrence Network


(Apply variable selection & reorganize layout)
(Changing layout recalculates)
Tip: Deselected variables become translucent. Click "Recalculate Graph" to remove them and reorganize. Switching scenarios updates edges but keeps node positions.

Data: product_graph_data




Summary

The Graph chart type provides flexible network visualization with these key capabilities:

Input Formats

Layout Algorithms

Interactive Controls

Use Cases


This page was created using JSPlots.jl v0.4.0.