{"id":2224,"date":"2021-09-14T12:16:36","date_gmt":"2021-09-14T12:16:36","guid":{"rendered":"http:\/\/sites.uac.pt\/amendes\/?p=2224"},"modified":"2021-09-14T12:16:36","modified_gmt":"2021-09-14T12:16:36","slug":"visualizing-a-codebase","status":"publish","type":"post","link":"https:\/\/sites.uac.pt\/amendes\/visualizacao\/visualizing-a-codebase\/","title":{"rendered":"Visualizing a codebase"},"content":{"rendered":"\n<div class=\"wp-block-cover has-background-dim\" style=\"min-height:138px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"791\" class=\"wp-block-cover__image-background wp-image-976\" alt=\"\" src=\"http:\/\/sites.uac.pt\/amendes\/files\/2013\/06\/revere-network-reduced-1024x791.png\" data-object-fit=\"cover\" srcset=\"https:\/\/sites.uac.pt\/amendes\/files\/2013\/06\/revere-network-reduced-1024x791.png 1024w, https:\/\/sites.uac.pt\/amendes\/files\/2013\/06\/revere-network-reduced-300x231.png 300w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-large-font-size\"><a href=\"https:\/\/next.github.com\/projects\/repo-visualization\" data-type=\"URL\" data-id=\"https:\/\/next.github.com\/projects\/repo-visualization\">clique na imagem para seguir o link<\/a><\/p>\n<\/div><\/div>\n\n\n\n<p class=\"has-luminous-vivid-amber-color has-text-color\">Uma forma alternativa de visualizar uma \u00e1rvore de pastas, com c\u00edrculos<\/p>\n\n\n\n<p>How can we \u201cfingerprint\u201d a codebase to see its structure at a glance? Let\u2019s explore ways to automatically visualize a GitHub repo, and how that could be useful.WHAT&#8217;S IT FOR?\u201cFingerprint\u201d the structure of a GitHub repoSHARE<a rel=\"noreferrer noopener\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/next.github.com\/projects\/repo-visualization\" target=\"_blank\"><\/a><\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/twitter.com\/intent\/tweet?url=https:\/\/next.github.com\/projects\/repo-visualization\" target=\"_blank\"><\/a><\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&amp;url=https:\/\/next.github.com\/projects\/repo-visualization\" target=\"_blank\"><\/a>WHO MADE IT?<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" target=\"_blank\" href=\"https:\/\/twitter.com\/Wattenberger\">Amelia Wattenberger<\/a><\/li><\/ul>\n\n\n\n<p>Imagine this: you\u2019re looking at a new codebase, and you want to find the code for a specific function.<\/p>\n\n\n\n<p>For example, in the&nbsp;<a href=\"https:\/\/github.com\/facebook\/create-react-app\" target=\"_blank\" rel=\"noreferrer noopener\">create-react-app<\/a>&nbsp;codebase,How quickly can you find a test for&nbsp;<code>react-dev-utils<\/code>?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Uma forma alternativa de visualizar uma \u00e1rvore de pastas, com c\u00edrculos How can we \u201cfingerprint\u201d a codebase to see its structure at a glance? Let\u2019s explore ways to automatically visualize a GitHub repo, and how that could be useful.WHAT&#8217;S IT FOR?\u201cFingerprint\u201d the structure of a GitHub repoSHARE WHO MADE IT? Amelia Wattenberger Imagine this: you\u2019re [&hellip;]<\/p>\n","protected":false},"author":159,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[137,80],"tags":[4155,4154,4075],"class_list":["post-2224","post","type-post","status-publish","format-standard","hentry","category-software","category-visualizacao","tag-crculos","tag-github","tag-visualizao"],"_links":{"self":[{"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/posts\/2224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/users\/159"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/comments?post=2224"}],"version-history":[{"count":1,"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/posts\/2224\/revisions"}],"predecessor-version":[{"id":2225,"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/posts\/2224\/revisions\/2225"}],"wp:attachment":[{"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/media?parent=2224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/categories?post=2224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.uac.pt\/amendes\/wp-json\/wp\/v2\/tags?post=2224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}