I made a visualizer for Hugging Face models

Posted by Course_Latter@reddit | LocalLLaMA | View on Reddit | 32 comments

I built hfviewer.com, a small tool for visually exploring Hugging Face model architectures.

You can paste a Hugging Face URL and get an interactive visualization of the architecture, which can make it easier to understand how different models are structured and compare them at a glance.

Here is the recent Qwen3.6-27B model as an example: https://hfviewer.com/Qwen/Qwen3.6-27B

And here is a side-by-side view of the Gemma 4 family: https://hfviewer.com/family/gemma-4

Feel free to try it out and give me feedback on how it can be improved! :)

[-]

Course_Latter@reddit (OP)

Our traffic has increased a lot in the last days! We are working on scaling up to ensure everything keeps smooth, if you have any issues (or feature requests), feel free to join our #hfviewer discord:

https://discord.gg/a5eEmtTTPV

[-]

_derpiii_@reddit

gross

[-]

CheatCodesOfLife@reddit

If you have two chrome tabs open with these links:

https://hfviewer.com/unsloth/gemma-3-27b-pt

https://hfviewer.com/unsloth/gemma-3-27b-it

then click back and forth between them, the diagram jumps up and down.

I'm not a frontend dev but I'm guessing it's because of the "p" in -pt hanging lower.

This makes it difficult to "visual diff" two models by clicking between tabs if one of them has a "p" in the name.

[-]

mikljohansson@reddit

You might perhaps try https://deploy.embedl.com/ if you have ONNX or pt2 files for the models, I think it allows you to compare several models at once and highlights the differences

[-]

overand@reddit

A simple workaround for this (without requiring layout changes) might be to switch to a monospaced font. (It might be a problem if anything requires word wrap, but, it should help.)

You could give it a try in the browser dev tools - I may do that when I'm at my desktop!

[-]

droans@reddit

Or just set line-height.

[-]

New_Zone5490@reddit

i do not like how text embedding goes from left to right as granularity increases in the beginning & crosses back to left in the end

[-]

Course_Latter@reddit (OP)

Yeah, that layouting consistency across granularities is something I would like to improve further!

[-]

pm_me_github_repos@reddit

Where’s the attention block?

[-]

Course_Latter@reddit (OP)

Which model are you looking at?

[-]

Electronic-Ice-8718@reddit

What is the name of this animation effect? Im trying to do this for my graphs

[-]

Top_Doughnut_6281@reddit

Very nice and clean. how did you do it, whats the tech behind it?

[-]

braydon125@reddit

Claude, lol

[-]

Top_Doughnut_6281@reddit

There's still a tech stack

[-]

WillingMost7@reddit

Look awesome! Will check that out

[-]

WithoutReason1729@reddit

Your post is getting popular and we just featured it on our Discord! Come check it out!

You've also been given a special flair for your contribution. We appreciate your post!

I am a bot and this action was performed automatically.

[-]

jjcsea@reddit

That's brilliant

[-]

killerstreak976@reddit

This is a really cool tool, thanks for sharing!

When I played around with this thing, one of the first thing I considered was that this would be really, really cool as a medium for education/curiousity. If there is a more "detailed/broken-down version" to help people that don't know much about these models to actually understand what's going on by having certain block explained and defined. Maybe even examples that are animated (though ambitious), this could genuinely be the coolest fucking tool ever for many people out there.

I really think it could go a long way toward democratizing access to models not just in running them locally but having more people properly informed in a more involved and close-knit way to how these models are made and how they work. Again, really neat stuff!

If that sounds like a pain and/or is an open source thing (no pressure on that front), I'd love to help in that. Regardless, feel free to consider this suggestion o7

[-]

Competitive_Travel16@reddit

https://hfviewer.com/excalibur12/wav2vec2-large-lv60_phoneme-timit_english_timit-4k looks great!

[-]

AccomplishedFix3476@reddit

hfviewer is dope, the architecture diagrams are way more useful than scrolling thru config json files trying to figure out what a model actually looks like. i tried it on qwen 3 moe and the routing viz cleared up something i had been confused about for like 3 months

[-]