/interactive-computational-graph

See how backpropagation and chain rule work in neural networks

Primary LanguageTypeScript

Interactive Computational Graph

A small educational React website to understand how backpropagation and chain rule work in neural networks.

Classic calculus problem $\frac{\sin{x}}{x}$:

screenshot 1

2-1 fully connected neural network:

screenshot 2

Demo

Interactive Computational Graph

Features

  • Show how derivatives are calculated in any scalar conputational graph
  • Customizable operators
  • Can save/load the graph to/from file

For simplicity, the built-in operators and how derivatives are accumulated are limited to scalar values, but the architectural design is open to handle higher-dimensional values.

Development

VSCode can be used to develop the website.

If you use VSCode, please open the subdirectory ./interactive-computational-graph in a new Window and enable the extensions like ESLint in the new window. Otherwise, we have to set up some extra settings if we open a VSCode window here.

Recommended VSCode Extensions

  • Jest: Runs Jest tests
  • Code Spell Checker: Checks common spelling errors
  • ESLint: Lints Typescript files
  • Stylelint: Lints CSS files
  • Prettier: Formats Typescript files
  • Markdown Preview Mermaid Support: Previews Mermaid graphs in Markdown files