https://github.com/j3soon/directed-graph-visualization

A simple example of creating javascript directed-graph for topic relationship visualization using d3.js (v4)
https://github.com/j3soon/directed-graph-visualization

d3js d3v4 graph interactive-visualizations rl

Last synced: 5 months ago
JSON representation

A simple example of creating javascript directed-graph for topic relationship visualization using d3.js (v4)

• Host: GitHub
• URL: https://github.com/j3soon/directed-graph-visualization
• Owner: j3soon
• Created: 2020-02-23T13:22:50.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2022-03-07T07:53:13.000Z (about 4 years ago)
• Last Synced: 2025-03-26T14:55:50.755Z (about 1 year ago)
• Topics: d3js, d3v4, graph, interactive-visualizations, rl
• Language: HTML
• Homepage: https://j3soon.github.io/directed-graph-visualization/
• Size: 115 KB
• Stars: 13
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Directed Graph Visualization

A simple example of creating javascript directed-graph for topic relationship visualization using d3.js (v4).

**Preview**

Click [Here to see the Live Demo][live] of RL algorithm relationships.

[![](preview.png)][live]

[live]: https://j3soon.github.io/directed-graph-visualization/

**Features**

- Define vertices and edges through json file.

- Organize the graph automatically using force layout.

- Support moving the viewport and zooming in/out.

- Highlight relationships when the mouse enters a vertex.

- Drag vertex to reposition

- Hold down mouse buttons to filter out unrelated vertices.

- Click to log the vertex's name in console.