git-visualizer

Dev tools

code visualization

SHOW HN2016

141points
40comments
#247of 2,264 in 2016
Top 11%of 2016 by points

How HN took it

DebatedReal support and real criticism

8 positive, 6 neutral or asking, 3 mixed, 7 critical, out of 24 comments about the project. Thread score +0.01.

Design: 1 for, 2 againstPerformance: 1 for, 2 againstExecution: 0 for, 3 againstIdea: 1 for, 0 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Fast loading and visually impressive graphs

    From 3 comments
    • I'm impressed with how fast this loads. Nice work!
      michaelmior on HN
    • Very nice visualisation! It would be good to gracefully handle large graphs. I typed in "torvalds/linux" and my tab froze!
      xtacy on HN
    • That's incredible. I feel like I'm looking at a cell slide of a living organism.
      brbsix on HN

Objections

  • Constantly moving force-directed layout makes nodes hard to click and is laggy

    From 3 comments
    • Why does it move and wiggle? It makes it unnecessarily hard to click on nodes. Also, it took me at least 30 seconds to figure out how to start at all as I didn't notice the small…
      nkrisc on HN
    • I agree, it shouldn't have to be moving immediately. It makes the page much laggier than it has to be.
      artursapek on HN
    • I'm looking forward to one day being shown a "visualizer" that actually gives me sane insight into the structure, instead of some wibbly-wobbly animated node graph that I have to…
      Wintamute on HN
  • Freezes or slows the browser on large repos like torvalds/linux

    From 2 comments
    • Very nice visualisation! It would be good to gracefully handle large graphs. I typed in "torvalds/linux" and my tab froze!
      xtacy on HN
    • torvalds/linux is utter chaos, brings chrome to a crawl :P
      hyperchase on HN
  • Labels require hovering; hard to read at a glance

    From 1 comment
    • neato, but would be much more neato if I didn't need to hover for labels [1] - at least at the first few levels also would be cool to color/heatmap them by recent modification…
      leeoniya on HN
  • Form inputs are hard to find and conflict with ad blockers

    From 2 comments
    • Why does it move and wiggle? It makes it unnecessarily hard to click on nodes. Also, it took me at least 30 seconds to figure out how to start at all as I didn't notice the small…
      nkrisc on HN
    • To the author and any other with the same problem: I had to disable ublock origin to view the form at top left
      riquito on HN

Requests

  • Analyze cross-file dependencies such as includes or imports

    From 1 comment
    • Suggestion: add an option to look at file contents and analyze cross-file dependencies (eg c/c++ #includes or java imports)
      tlipcon on HN
  • Show labels by default at top levels

    From 2 comments
    • neato, but would be much more neato if I didn't need to hover for labels [1] - at least at the first few levels also would be cool to color/heatmap them by recent modification…
      leeoniya on HN
    • Great suggestions! Might make it so that root level directories have their label always shown.
      veniversum on HN
  • Search or filter nodes by name

    From 1 comment
    • awesome tool! One feature request: Being able to search/filter by name. I often find some file being included in the build and its a pain to track down exactly who uses it (ok,…
      mkoryak on HN
  • Color nodes by modification date, file size or lines of code

    From 1 comment
    • neato, but would be much more neato if I didn't need to hover for labels [1] - at least at the first few levels also would be cool to color/heatmap them by recent modification…
      leeoniya on HN
  • Clickable example links and error messages for missing repos

    From 3 comments
    • You should make the example text ("Try atom/atom") a link so I don't have to type in the boxes myself :)
      swanson on HN
    • There is no error message when you target a repo that is (now, unexpectedly) 404.
      daveloyall on HN
    • Seems not to work for this site I made http://veniversum.me/git-visualizer/?owner=rr1000&repo=placeholder , but works for everything else. I guess node_modules are the issue?
      ryanSrich on HN

Questions

  • Would rooting the tree help readability

    From 1 comment

Alternatives named

  • Gource

    From 3 comments
    • In the same vein, gource is pretty cool. It shows the same sort of graph, but animated as it changes over time. So you can watch the project develop, and even see who was working…
      curiousGambler on HN
    • Completely agree - Gource is also mentioned here and does something similar. Probably more useful tools are CodeCity and JSCity, that go beyond the layout of the repo and get to…
      adrianbd on HN
    • You might be interested in Gource then, it visualizes a repo in a very similar manner, but animates along the commit timeline. Here's a recording of the linux repo being parsed…
      tehbeard on HN
  • OctoTree

    From 1 comment
    • There is an extension for Chrome I use that does this pretty well, IMO. OctoTree : https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc?hl=en-US
      schlomok on HN
  • WinDirStat treemaps

    From 1 comment
    • A treemap is a good static alternative to a literal tree of nodes. There are already programs like WinDirStat that use them to visualize file systems.…
      Rangi42 on HN
  • CodeCity and JSCity

    From 1 comment
    • Completely agree - Gource is also mentioned here and does something similar. Probably more useful tools are CodeCity and JSCity, that go beyond the layout of the repo and get to…
      adrianbd on HN
  • js-code-structure

    From 2 comments
    • This tool might solve your problem, Cause it shows the actual structure https://github.com/timqian/js-code-structure
      timqian on HN
    • I have build a similar project showing the code structure. https://github.com/timqian/js-code-structure The idea to make it a website is great, I might build a similar website…
      timqian on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/11167000)