Git Product home page Git Product logo

canbax / davraz Goto Github PK

View Code? Open in Web Editor NEW
14.0 3.0 2.0 10.77 MB

Graph visualization and exploration software. Leverages cytoscape.js and provides rich and customized graph visualizations. Aims ultimate complexity management, customization, and user-friendliness.

Home Page: https://canbax.github.io/davraz/

License: Other

JavaScript 1.21% TypeScript 83.02% CSS 1.65% HTML 14.12%
tigergraph graph-databases graph-visualization cytoscapejs angular angular-material

davraz's Introduction

Davraz

Try it NOW! https://canbax.github.io/davraz/

A graph visualization and exploration tool. Currently support visualizing Tiger Graph and Neo4j databases. You can watch introductory video

I was a virtual attendee at the Graph+AI World 2020! Graph+AI World Day 2 Keynote #GraphAIWorld https://www.tigergraph.com/graphaiworld/ You can directly watch my presentation in the event from here

Screenshots

Connect to a TigerGraph instance.

Screen_Recording_20220509-230349_Brave.mp4

Connect to a local Neo4j instance.

chrome_rkOPxcDSJ7.mp4

"Load", "Save", ... from "File" menu

file.menu.items.mp4

"Delete Selected", "Hide Selected", ... from "Edit" menu

edit.menu.items.mp4

"Sample Data" and "Clear Data" from "Data" menu

Screen_Recording_20220522-225510_Brave.mp4

From "Layout" menu, you can run an incremental or randomized layout. There are many different layout types but the default is fCoSE algorithm.

eFKo1qLC4L.mp4

From "Highlight" menu, elements can be emphasized to distinguish from others.

highlight.mp4

From "Compound" menu, compound elements can be created or removed.

compounds.mp4

From "Table" menu, whole data or a part of the existing data can be shown as table(s).

table.mp4

From "Cluster" menu, you can run "Markov Clustering" algorithm or cluster degree-1 nodes.

cluster.mp4

Support for compound nodes

Windows very similar to file explorer of an operating system

Animated edges when hovered on table

Show results of a query as JSON at the same time

YAAAY!

This project got a 1st Place Reward in TigerGraph 2020 Graphathon

todo (or might todo)

  • adding/updating graph elements
  • client-side filterig with raw cytoscape.js
  • badges on the nodes
  • show statistics
  • graph theoretical properties

For Developers

Built with Angular CLI version 10.0.4. Use npm i to install dependencies. ng s to run in development mode. I also use angular-cli-ghpages for deploying my app to github-pages branch using the command ng deploy --base-href=/davraz/. Thanks for this useful library.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.