How to visualize any Hugging Face model
This will help you understand the architecture and inner workings of any model! It can be a great way for getting e.g. optimization ideas for advanced users, as well as a learning tool for beginners in ML - I encourage diving into different of the most popular models and looking up concepts you don't understand, to help you dip your feet into what's relevant today!
HF Viewer supports three different workflows:
- URL swap: when you are on a model at Hugging Face, simply replace "huggingface.co" with "hfviewer.com" to get to the model graph in HF Viewer.
- Chrome extension: After installing the extension, the graph appears on model pages automatically as you browse Hugging Face!
- Search bar: Search for model visualizations, filtering through 2,300+ instantly viewable graphs.
Visualization tips
In the visualization, you can use the granularity slider to explore multiple levels of detail, from the high level block structure of the model to the attention internals. You can also use the plus button at the top right of a node to expand and zoom in on it.
Clicking a node allows you to see interesting info like FLOPs, channels etc. And clicking an edge turns on edge mode, where you will see tensor shapes for most edges instead of just for the outputs like in normal mode. To display e.g. FLOPs on all nodes that have the info, check the checkbox before FLOPs in the info panel after clicking a node that has it.
You can click F to turn into fullscreen mode, and L to show a laser pointer, useful if you are using hfviewer as part of a presentation.
You can also use the ← ↑ ↓ → arrow keys, Home / End, PgUp / PgDown, to navigate across the graph after clicking a node.
Hugging Face Login
You can log in with your Hugging Face account to bookmark model pages, create visualizations and graph cards for your own models, and write your own interactive articles, similar to the Deepseek-v4 article!
You can write articles for any model, and the best user article gets featured next to the model - it can therefore be a great way to both improve your own understanding of a model and get your name out at the same time! Feel free to contact updates@mail.hfviewer.com if you have an idea for an article and want to discuss how to make it great!
Conclusion
I hope you find this tool useful, we built it because we ourselves found it a missing piece of the Hugging Face ecosystem!
And remember that we have a #hfviewer discord channel for feature requests, as well as support for reporting potential graph issues REPORT GRAPH ISSUE! Feel free to engage in these channels to help us continue improving HF Viewer for everyone! Happy visualizing! :)