Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Javarcipt Backpropgation graph and basic structure #11

Open
wants to merge 12 commits into
base: master
Choose a base branch
from

Conversation

AliceSum
Copy link

@AliceSum AliceSum commented Aug 23, 2024

build a basic structure
image

build a basic structure
update
update`
update
update
undo orginal microgra.html
update for github page deploy
update
update
update
@AliceSum
Copy link
Author

AliceSum commented Sep 7, 2024

image
I published the backpropgation graph. I commented out the mlp one because it is too large. It may require some kind of styling.
It just has HTML, javascript, and CSS.

https://jonathansum.github.io/microgradWeb/

image

This one only took me a few hours to finish it, not counting a day looking thru this repo. However, I originally do it in HTML dom because you suggest not to use npm. But I found out it is way easier to do it in React.js. With it, we just import certain graph library from javascript and break the complicated HTML as object orietant.

@AliceSum AliceSum changed the title build a basic structure Javarcipt Backpropgation graph and basic structure Sep 7, 2024
@AliceSum
Copy link
Author

AliceSum commented Sep 7, 2024

I guess this pull request is pretty much a proof of concept for other people who want to add this into this repo. Again, all are done in Javascript. No Python. If you want, we can change it to type script with "type".

@AliceSum
Copy link
Author

AliceSum commented Sep 7, 2024

image

@AliceSum
Copy link
Author

AliceSum commented Sep 9, 2024

image
output

@AliceSum
Copy link
Author

output

I have 2 version of graph. First one is using React Flow:
It is good, but it has a logo if we don't use their pro-version
https://jonathansum.github.io/microgradWeb/
2)
For the mermaid, it just doesn't work when I deploy it on github.io.
But it is totally fine on other places , such as Netlify.
Although React Flow is very powerful, I guess AJ doesn't like the react flow logo on the graph.
For the mermaid one, I guess it is not necessary to upload it to github.io
https://sensational-elf-699a90.netlify.app/
I guess I will pick mermaid one.

update
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant