Graph for better data visualization

Tigersight enables users to easily visualize and analyze query results inside a simple electron application.

Comment

Inspiration

This project was my solution to the problem of complex 3-tier applications needed to visualize simple data. Working with Tigergraph database, i was in constant need of quickly previewing query results on my screen with some simple additional abilities like searching, filtering etc.

What it does

The main goal of the project is to provide users with a simple user interface where with only a few clicks they are able to preview complex data structures for basically any use-case. While the Tigergraph database offers endless potential for data analytics, this tool provides means to visualize results of that analysis.

How we built it

The application was built using Vue 3/Quasar 2 as a base framework and cytoscape library for graph output.

Challenges we ran into

Predicting all sorts of different query outputs is almost impossible, though Tigersight manages to do best with whatever data is being presented to it. There is more room for expansion in that area, which is why a user feedback could be useful to continue expanding.

Accomplishments that we're proud of

  • Given the customisable nature of this graph, this application provides a way to quickly visualize graph data for any use-case. The flexibility of customization offers unique use-cases to be visually distinct and easy to read.
  • The idea behind a 2-tier electron + tigergraph system is to end up with an executable application instead of hosting it on a server since its target users are expected to configure it by personal preference and use-case.
  • From the very beginning, Tigersight was intended to be an endlessly expandable product, which is why it contains potential to redefine standards in easy-to-use graph visualization software.
  • The beauty of this system lies in its adaptability to various use-cases. Whether you’re a data analyst, sales engineer or a developer looking to preview data quickly, Tigersight is designed to work alongside Tigergraph database.

What we learned

Visualizing data doesn't have to be complicated, for a quick and easy result Tigergraph provides API endpoints which are easily accessible without complex middleware architectures.

What's next for Graph for better data visualization

Tigersight will almost definitely continue expanding with new features:

  • ability to configure built electron app from an external file, that could include predefined filters for faster workflow. This is currently only available through configuration files within the code (settings.ts).
  • ability to save/load various graph configuration templates.
  • a dynamic data mapper if the query result structure is not in a traditional node-list/edge-list structure.
  • while the basic supporting architecture for the node expansion is built-in, currently it is only set up so that the expanded dataset is being generated client-side. A generalized select_next_hop query can be mapped to that specific function.

Built With

Share this project:

Updates