datavis-tech / graph-diagrams

A tool for visualizing directed graphs.

graph-diagrams

A tool for visualizing directed graphs. Try it!

This tool has been used to create the graph diagrams found in

• reactive-model
• reactive-function
• graph-data-structure

To use, clone this repository then run npm start. To open a graph file from the /public/graphs directory, add the name of the file to the URL hash (e.g. http://localhost:3000/#full-name) then refresh the page. This is all the tool does currently. There are plans to save the coordinates for fixed nodes in the graph files.

Draws from Reactive Flow Diagram.

Diagrams

reactive-model - AB

---

reactive-model - ABC

---

reactive-model - CDE

---

---

---

---

---

---

reactive-function - Ohm's Law

---

bl.ocks.org - Responding to Resize with ReactiveModel

---

bl.ocks.org - Margin Convention with ReactiveModel

reactive-vis - SVG

reactive-vis - Margin

---

graph-data-structure - Getting Dressed

---