Merge pull request #18 from sc420/13-explain-how-derivatives-are-calc…

…ulated 13 explain how derivatives are calculated
sc420 · Sep 30, 2023 · d4d3ec3 · d4d3ec3
2 parents a7cb656 + 0b5ffa2
commit d4d3ec3
Show file tree

Hide file tree

Showing 53 changed files with 3,500 additions and 1,223 deletions.
diff --git a/interactive-computational-graph/package-lock.json b/interactive-computational-graph/package-lock.json
diff --git a/interactive-computational-graph/package.json b/interactive-computational-graph/package.json
@@ -15,6 +15,7 @@
     "@types/node": "^16.18.38",
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
+    "katex": "^0.16.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
@@ -48,6 +49,7 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@types/katex": "^0.16.2",
     "@types/react-test-renderer": "^18.0.0",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "eslint": "^8.44.0",

diff --git a/interactive-computational-graph/src/App.tsx b/interactive-computational-graph/src/App.tsx
@@ -113,6 +113,7 @@ const App: FunctionComponent = () => {
             isSidebarOpen={isSidebarOpen}
             onToggleSidebar={toggleSidebar}
             selectedFeature={selectedFeature}
+            onSelectFeature={toggleFeature}
             isDarkMode={isDarkMode}
             onToggleDarkMode={toggleDarkMode}
           />