anvaka/graph-drawing-libraries

Stars
584
Rank 76,554 (Top 2 %)
Language
JavaScript
Created over 10 years ago
Updated 9 months ago

anvaka/graph-drawing-libraries

anvaka

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Trying to compare known graph drawing libraries

JavaScript Graph Drawing Libraries

This is a list of known graph drawing libraries. See a website with interactive data.

almende/vis - Dynamic, browser-based visualization library http://visjs.org
anvaka/ngraph - Beautiful Graphs
anvaka/VivaGraphJS - Graph drawing library for JavaScript
antvis/g6 - G6: A Graph Visualization Framework in TypeScript.
apache/echarts - A powerful, interactive charting and visualization library for browser http://echarts.apache.org
dagrejs/dagre - Directed graph renderer for JavaScript
d3/d3-force - Force-directed graph layout.
cosmograph-org/cosmos - GPU-accelerated force graph layout and rendering
cytoscape/cytoscape.js - An open-source JavaScript graph theory library for analysis and visualization (compatible with CommonJS/Node.js, AMD/Require.js, jQuery 1.4+, Bower, npm, and plain JavaScript) http://cytoscape.github.com/cytoscape.js
dhotson/springy - A force directed graph layout algorithm in JavaScript http://getspringy.com
fkling/JSNetworkX - A port of the graph library NetworkX to JavaScript http://jsnetworkx.org
GraphAlchemist/Alchemy - a graph drawing application built in d3.
jacomyal/sigma.js - A JavaScript library dedicated to graph drawing http://sigmajs.org
memgraph/orb - A d3-force powered graph visualization library.
samizdatco/arbor - a graph visualization library using web workers and jQuery http://arborjs.org
strathausen/dracula - JavaScript browser based layout and representation of connected graphs. http://www.graphdracula.net
vasturiano/force-graph - Force-directed graph rendered on HTML5 canvas.

If you find something missing, please let me know.

Commercial software

Graphistry - GPU client+server accelerated, point-and-click filtering/histograms/timebars/coloring/clustering, language-neutral REST and JavaScript/React/Python embedding APIs, data science notebook support, all major browsers from last 5+ years + mobile

Video

NOTE: This video is outdated. Keeping it for historical reasons only

Side by side rendering of the grid graph by 12 libraries: https://www.youtube.com/watch?v=Ax7KSQZ0_hk

Why?

This repository is inspired by @mbektimirov's question Difference with Sigma.js. I am trying to list all known graph drawing libraries, and inviting their authors to collaborate here.

city-roads

Visualization of all roads within any city

VivaGraphJS

Graph drawing library for JavaScript

ngraph.path

Path finding in a graph

atree

Just a simple Christmas tree, based on reddit story

panzoom

Universal pan and zoom library (DOM, SVG, Custom)

pm

package managers visualization

ngraph

Beautiful Graphs

npmgraph.an

2d visualization of npm

fieldplay

A vector field explorer

sayit

Visualization of related subreddits

vs

Visualization of Google's autocomplete

word2vec-graph

Exploring word2vec embeddings as a graph of nearest neighbors

time

Simple Google Sheets interface to track time

peak-map

Make a ridge line chart from any region on Earth

map-of-reddit

Interactive map of reddit

common-words

visualization of common words in different programming languages

ngraph.graph

Graph data structure in JavaScript

ngraph.pixel

Fast graph renderer based on low level ShaderMaterial from three.js

npmrank

npm dependencies graph metrics

streamlines

Streamlines calculator

isect

Segments intersection detection library

gauss-distribution

A fun little project to show distribution of pixels in Gauss's portrait

oflow

Optical flow detection in JavaScript

ghindex

Creates github index for similar repositories discovery

gazer

GitHub analysis and discovery

git-also

For a `file` in your git repository, prints other files that are most often committed together

allnpmviz3d

3d visualization of npm

ngraph.path.demo

This is a demo project for ngraph.path

map-of-github

Inspirational Mapping

ngraph.forcelayout

Force directed graph layout

pixchart

Turn any image into delightful splash of colors and order

city-script

Collection of scripts that can be loaded into city-roads

winvelviz

Wind visualization over time

yasiv-youtube

Graph of related videos from YouTube

query-state

Application state in query string

e-sum

Visualization of exponential sums

ngraph.forcelayout3d

Force directed graph layout in 3d

index-large-cities

A simple indexer of road networks from OSM. Data for @anvaka/city-roads

graph-start

a simple graph shell to explore ideas

greview

Books that I read and their neighborhoods

lsystem

A simple L-Systems explorer powered by WebGL

jsruntime

Chrome Extension to explore javascript runtime.

map-of-reddit-data

Contains scripts and data to render map of reddit

redsim

reddit discovery

w-gl

A simple WebGL renderer

pplay

Create, play and share pixels. Online WebGL shader editor.

ngraph.hde

High dimensional embedding of a graph and its layout

dotparser

Parser of GraphViz dot file format

wind-lines

Streamline animation of wind data

set-vs-object

What is faster Set or Object?

three.map.control

A three.js camera that mimics 2d maps navigation with pan and zoom

ngraph.native

C++ implementation of force-based layout from ngraph

circles

A simple spirograph toy

yaot

Yet another octree

ngraph.three

3D graph renderer powered by three.js

ngraph.generators

Graph generators

citations

Most cited papers by keyword

rafor

requestAnimationFrame friendly async for iterator

ngraph.fabric

Fabric.js graph renderer

playground

Just a set of experiments that I want to play with, but they are too small to be in their own repository

ngraph.centrality

Module to calculate graph centrality metrics

streak

Streak tracking with Google Sheets

sayit-data

data with similar subreddits graph

ngraph.offline.layout

Performs offline layout of large graphs and saves results to the disk

cord-19

exploring research papers about coronaviruses

how-to-debug-node-js-addons

How to debug node.js addons in xcode

wheel

Mouse wheel event unified for all browsers

npmgraphbuilder

Builds graph of npm dependencies from npm registry

generator-n

minimalistic node package yeoman generator

allgithub

Crawling github data

tiny.xml

Tiny (1.6KB) in-browser xml parser

mars

ngraph.pixi

PIXI.js graph renderer

ngraph.pagerank

PageRank calculation for ngraph.graph

noisylines

Tracking noise with streamlines

nb

Neighborhood beautification: Graph layout through message passing

ngraph.physics.simulator

Physics library for ngraph

strangeb

The strangest thing happens when you rotate Bezier control points

graph-to-vector-field

Converts a graph into vector field texture

amator

Tiny animation library

ngraph.louvain

Given a graph instance detects communities using the Louvain Method

npmgraph

Visualization of NPM dependencies

similar-cities

Visualization of cities with similar road networks

allnpm

Graph generator for entire npm registry

twitter-recommended-graph

Building a proposal for Twitter to show a map of recommended people

streaming-svg-parser

Streaming SVG/XML parser with zero dependencies

extract-osm-roads

A simple utility to fetch a city graph from OSM

quadtree.cc

A C++ implementation of quadtree

rules-of-ml

A simple visualization of Martin Zinkevich article

ngraph.events

Events support in ngraph.*

simplegrad

Simple reverse mode automatic differentiation of scalar values in javascript

portrait

Portrait of quotes

sunburst

For a given tree builds an SVG based SunBurst diagram

local-chat

Local instance of ChatGPT for my kiddo

what-people-google

Visualization of what people google

vuereddit

A simple reddit client written as a vue component.

ngraph.fromjson

Library to load graph from simple json format

color-high

A demo of ngraph.forcelayout in 6D space

color-force-vis

Visualizing forces acting on nodes during force layout

allnpmviz.an

Visualization of entire npm