Required attributes for nodelist.csv. Each row of the node table should represent attributes of a node, including at least a unique node ID and the node's longitude and latitude.
\r\n| ID (unique node ID field) | \r\nLonX (node longitude ) | \r\nLatY (node latitude ) | \r\n
|---|---|---|
| \"APL\" | \r\n67.2391 | \r\n-102.3472 | \r\n
Required attributes for edgelist.csv. Each row of the edge table should represent attributes of an edge, including at least a source and target column corresponding to the node ID.
\r\n| Source | \r\nTarget | \r\n\r\n
|---|---|
| \"APL\" | \r\n\"FWL\" | \r\n\r\n
Example Dataset:
\r\n US_airport_nodelist.csv\r\n US_airport_edgelist.csv\r\nIf your browser doesn't start downloading the file, you can manually copy the content below and save to a plain text file.
\r\n \r\nYou can share your snapshot as\r\n a public URL, an HTML iframe, or a Jupyter Notebook IFrame
\r\n {\r\n !this.state.selectedContinue && (\r\nThis snapshot is “static”, like taking a photo of your visualization. This means that if your graph is changed in any ways (e.g., move nodes around) after creating a URL and you want to re-share those updates, you will need to create a new URL by selecting Share Again to a new URL in the next window.
\r\nIMPORTANT! This will make your graph snapshot public. If you are working with sensitive data (with custom access control), or large data (>400MB), please follow our guide on Github to easily deploy your own sharing server.
\r\nSharing in progress. Please wait...
\r\n )\r\n }\r\n {\r\n this.state.selectedContinue && (\r\n| Statistics | \r\nValue | \r\n
|---|---|
| # Nodes | \r\n{appState.graph.metadata.fullNodes} | \r\n
| # Edges | \r\n{appState.graph.metadata.fullEdges} | \r\n
| Average Degree | \r\n\r\n {appState.graph.hasGraph ? appState.graph.degree().toFixed(3) : 'loading graph'}\r\n | \r\n
| Graph Density | \r\n\r\n {appState.graph.hasGraph ? appState.graph.density().toFixed(3) : 'loading graph'}\r\n | \r\n
| Graph Diameter | \r\n\r\n {appState.graph.hasGraph ? appState.graph.diameter() : 'loading graph'}\r\n | \r\n
| Clustering Coefficient | \r\n{(appState.graph.hasGraph & appState.preferences.statisticsDialogOpen) ? appState.graph.averageClustering().toFixed(3) : 'loading graph'} | \r\n
| Connected Component | \r\n{(appState.graph.hasGraph & appState.preferences.statisticsDialogOpen) ? appState.graph.components() : 'loading graph'} | \r\n\r\n
| Statistics | \r\nValue | \r\n
|---|---|
| # Nodes | \r\n{appState.graph.metadata.fullNodes} | \r\n
| # Edges | \r\n{appState.graph.metadata.fullEdges} | \r\n
| Average Degree | \r\n\r\n {appState.graph.hasGraph ? appState.graph.degree : 'loading graph'}\r\n | \r\n
| Graph Density | \r\n\r\n {appState.graph.hasGraph ? appState.graph.density : 'loading graph'}\r\n | \r\n
| Graph Diameter | \r\n\r\n {appState.graph.hasGraph ? appState.graph.diameter : 'loading graph'}\r\n | \r\n
| Clustering Coefficient | \r\n{(appState.graph.hasGraph & appState.preferences.filterDialogOpen) ? appState.graph.averageClustering : 'loading graph'} | \r\n
| Connected Component | \r\n{(appState.graph.hasGraph & appState.preferences.filterDialogOpen) ? appState.graph.components : 'loading graph'} | \r\n\r\n
SNoMaN supports both mouse/trackpad and touchscreen.
\r\n| Basic Operation | \r\nMouse | \r\nTouchscreen | \r\n
|---|---|---|
| Clear Selection | \r\nClick blank area in the Network or Map View | \r\nTap blank area in the Network or Map View | \r\n
| Zoom | \r\nMouse wheel | \r\n2 finger zoom gesture | \r\n
| Pan | \r\nIn the Network: drag with right mouse button down OR Move mouse with space key pressed; in the Map: drag the map | \r\nDrag with 3 finger | \r\n
| Adjust view size | \r\nDrag the view borders between the left and right view and between the top and bottom view. | \r\nNot supported | \r\n
| Select single node to view details and highlight its eco-centric network | \r\nSingle click or drag to select one node in the Network or Map view | \r\nTap or drag with 1 finger to select one node | \r\n
| Select multiple nodes to view details | \r\nIn the Network: Drag left mouse button from empty area; in the map: move mouse with CTRL key pressed; | \r\nDrag 1 finger from empty area; | \r\n
| Move and pin a node | \r\nClick one node and drag with left mouse button down in the Network view | \r\nDrag with 1 finger | \r\n
| Move and pin a set of nodes | \r\nDrag left mouse button from empty area to select, then click one of the hilighted nodes and drag to move in the Network view | \r\nDrag with 1 finger | \r\n
| Show | \r\nNode ID | \r\n {\r\n appState.graph.allPropertiesKeyList.map((it, i) => {\r\n if (it !== 'id') {\r\n return{it} | ;\r\n }\r\n return null;\r\n })\r\n }\r\n
|---|---|---|
| \r\n | \r\n {node.id} | \r\n {\r\n appState.graph.allPropertiesKeyList.map((it, i) => {\r\n if (it !== 'id') {\r\n return{node[it]} | \r\n }\r\n })\r\n }\r\n
Color By:
\r\n \r\nScale Type:
\r\n \r\nGradient:
\r\n \r\nScale By:
\r\n \r\nScale Type:
\r\n \r\nSize Range:
\r\nNode Shape:
\r\n \r\nChoose Color:
\r\n \r\nNode Color by Distance:
\r\n \r\n \r\n \r\nCustom Label:
\r\nNode Shape:
\r\n \r\n{`Modifying ${pluralize(\r\n \"Node\",\r\n appState.graph.selectedNodes.length,\r\n true\r\n )}`}
\r\n );\r\n };\r\n\r\n render() {\r\n return (\r\nSelect Edge Color:
\r\n \r\nColor by Weight:
\r\n \r\n \r\n \r\nColor by Distance:
\r\n \r\n \r\n \r\nShow Edge Direction:
\r\n \r\n \r\n \r\nShow Edge Direction:
\r\nEdge Thickness by distance:
\r\n \r\n \r\n \r\nModifying All Nodes
\r\n //{`Modifying ${pluralize(\r\n // \"Node\",\r\n // appState.graph.selectedNodes.length,\r\n // true\r\n // )}`}
\r\n // );\r\n // };\r\n\r\n render() {\r\n return (\r\nColor By:
\r\n \r\nScale Type:
\r\n \r\nGradient:
\r\n \r\nCreated: {project.createdDate || 'Unknown'}
\r\n \r\nDistance and Shortest Path
\r\n\r\n Global Average Nearest Neighbor (ANN) quantifies the spatial\r\n distribution of nodes—whether they are clustered, randomly distributed,\r\n or evenly dispersed.\r\n
\r\n\r\n The ANN ratio is defined as:\r\n \r\n ANN = Dobserved / Dexpected\r\n \r\n
\r\n Interpretation:\r\n ANN < 1 → clustering tendency,\r\n\r\n ANN ≈ 1 → random distribution,\r\n\r\n ANN > 1 → uniform dispersion.\r\n
\r\n \r\n }\r\n >\r\nEfficient Distance Analysis
\r\nGroup-related Functions
\r\n\r\n Convex Hull By:{\" \"}\r\n
\r\n \r\n \r\nGroup By:
\r\n \r\n \r\nRequired attributes for nodelist.csv. Each row of the node table should represent attributes of a node, including at least a unique node ID and the node's longitude and latitude.
\r\n| ID (unique node ID field) | \r\nLonX (node longitude ) | \r\nLatY (node latitude ) | \r\n
|---|---|---|
| \"APL\" | \r\n67.2391 | \r\n-102.3472 | \r\n
Required attributes for edgelist.csv. Each row of the edge table should represent attributes of an edge, including at least a source and target column corresponding to the node ID.
\r\n| Source | \r\nTarget | \r\n\r\n
|---|---|
| \"APL\" | \r\n\"FWL\" | \r\n\r\n
Example Dataset:
\r\n US_airport_nodelist.csv\r\n US_airport_edgelist.csv\r\nIf your browser doesn't start downloading the file, you can manually copy the content below and save to a plain text file.
\r\n \r\nYou can share your snapshot as\r\n a public URL, an HTML iframe, or a Jupyter Notebook IFrame
\r\n {\r\n !this.state.selectedContinue && (\r\nThis snapshot is “static”, like taking a photo of your visualization. This means that if your graph is changed in any ways (e.g., move nodes around) after creating a URL and you want to re-share those updates, you will need to create a new URL by selecting Share Again to a new URL in the next window.
\r\nIMPORTANT! This will make your graph snapshot public. If you are working with sensitive data (with custom access control), or large data (>400MB), please follow our guide on Github to easily deploy your own sharing server.
\r\nSharing in progress. Please wait...
\r\n )\r\n }\r\n {\r\n this.state.selectedContinue && (\r\n| Statistics | \r\nValue | \r\n
|---|---|
| # Nodes | \r\n{appState.graph.metadata.fullNodes} | \r\n
| # Edges | \r\n{appState.graph.metadata.fullEdges} | \r\n
| Average Degree | \r\n\r\n {appState.graph.hasGraph ? appState.graph.degree().toFixed(3) : 'loading graph'}\r\n | \r\n
| Graph Density | \r\n\r\n {appState.graph.hasGraph ? appState.graph.density().toFixed(3) : 'loading graph'}\r\n | \r\n
| Graph Diameter | \r\n\r\n {appState.graph.hasGraph ? appState.graph.diameter() : 'loading graph'}\r\n | \r\n
| Clustering Coefficient | \r\n{(appState.graph.hasGraph & appState.preferences.statisticsDialogOpen) ? appState.graph.averageClustering().toFixed(3) : 'loading graph'} | \r\n
| Connected Component | \r\n{(appState.graph.hasGraph & appState.preferences.statisticsDialogOpen) ? appState.graph.components() : 'loading graph'} | \r\n\r\n
| Statistics | \r\nValue | \r\n
|---|---|
| # Nodes | \r\n{appState.graph.metadata.fullNodes} | \r\n
| # Edges | \r\n{appState.graph.metadata.fullEdges} | \r\n
| Average Degree | \r\n\r\n {appState.graph.hasGraph ? appState.graph.degree : 'loading graph'}\r\n | \r\n
| Graph Density | \r\n\r\n {appState.graph.hasGraph ? appState.graph.density : 'loading graph'}\r\n | \r\n
| Graph Diameter | \r\n\r\n {appState.graph.hasGraph ? appState.graph.diameter : 'loading graph'}\r\n | \r\n
| Clustering Coefficient | \r\n{(appState.graph.hasGraph & appState.preferences.filterDialogOpen) ? appState.graph.averageClustering : 'loading graph'} | \r\n
| Connected Component | \r\n{(appState.graph.hasGraph & appState.preferences.filterDialogOpen) ? appState.graph.components : 'loading graph'} | \r\n\r\n
SNoMaN supports both mouse/trackpad and touchscreen.
\r\n| Basic Operation | \r\nMouse | \r\nTouchscreen | \r\n
|---|---|---|
| Clear Selection | \r\nClick blank area in the Network or Map View | \r\nTap blank area in the Network or Map View | \r\n
| Zoom | \r\nMouse wheel | \r\n2 finger zoom gesture | \r\n
| Pan | \r\nIn the Network: drag with right mouse button down OR Move mouse with space key pressed; in the Map: drag the map | \r\nDrag with 3 finger | \r\n
| Adjust view size | \r\nDrag the view borders between the left and right view and between the top and bottom view. | \r\nNot supported | \r\n
| Select single node to view details and highlight its eco-centric network | \r\nSingle click or drag to select one node in the Network or Map view | \r\nTap or drag with 1 finger to select one node | \r\n
| Select multiple nodes to view details | \r\nIn the Network: Drag left mouse button from empty area; in the map: move mouse with CTRL key pressed; | \r\nDrag 1 finger from empty area; | \r\n
| Move and pin a node | \r\nClick one node and drag with left mouse button down in the Network view | \r\nDrag with 1 finger | \r\n
| Move and pin a set of nodes | \r\nDrag left mouse button from empty area to select, then click one of the hilighted nodes and drag to move in the Network view | \r\nDrag with 1 finger | \r\n
| Show | \r\nNode ID | \r\n {\r\n appState.graph.allPropertiesKeyList.map((it, i) => {\r\n if (it !== 'id') {\r\n return{it} | ;\r\n }\r\n return null;\r\n })\r\n }\r\n
|---|---|---|
| \r\n | \r\n {node.id} | \r\n {\r\n appState.graph.allPropertiesKeyList.map((it, i) => {\r\n if (it !== 'id') {\r\n return{node[it]} | \r\n }\r\n })\r\n }\r\n
Color By:
\r\n \r\n