[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8975":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":16,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":21,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":23,"readmeContent":24,"aiSummary":25,"trendingCount":16,"starSnapshotCount":16,"syncStatus":26,"lastSyncTime":27,"discoverSource":28},8975,"npmgraph.an","anvaka\u002Fnpmgraph.an","anvaka","2d visualization of npm","https:\u002F\u002Fnpm.anvaka.com",null,"Vue",1236,82,21,27,0,18.76,"MIT License",false,"main",true,[],"2026-06-12 02:02:01","# npmgraph.an\n\n[Visualization of npm](https:\u002F\u002Fnpm.anvaka.com) shows dependency graph of an npm package.\n\n# Screenshots\n\nDefault view:\n![Default view](https:\u002F\u002Fraw.githubusercontent.com\u002Fanvaka\u002Fnpmgraph.an\u002Fmaster\u002Fimages\u002Fdefault_view.png)\n\n\nResponsive view:\n\n![Responsive view](https:\u002F\u002Fraw.githubusercontent.com\u002Fanvaka\u002Fnpmgraph.an\u002Fmaster\u002Fimages\u002Fresponsive_view.png)\n\n\n3d view:\n![3d view](https:\u002F\u002Fraw.githubusercontent.com\u002Fanvaka\u002Fnpmgraph.an\u002Fmaster\u002Fimages\u002F3d_view.png)\n\n# How it's done?\n\n[Vue 3](https:\u002F\u002Fvuejs.org\u002F) + [Vite](https:\u002F\u002Fvite.dev\u002F) + [ngraph](https:\u002F\u002Fgithub.com\u002Fanvaka\u002Fngraph) => https:\u002F\u002Fnpm.anvaka.com\u002F\n\nThe website is entirely hosted on [GitHub Pages](https:\u002F\u002Fpages.github.com\u002F).\n\nThe npm data is coming from `registry.npmjs.org` and is collected at real time.\n\n# npm rocks\n\nAll modules of this application are provided by [npm](https:\u002F\u002Fgithub.com\u002Fanvaka\u002Fnpmgraph.an\u002Fblob\u002Fmaster\u002Fpackage.json). \n\n# Local development\n\n```\ngit clone https:\u002F\u002Fgithub.com\u002Fanvaka\u002Fnpmgraph.an.git\ncd npmgraph.an\nnpm install\nnpm run dev\n```\n\nThis should start local dev server and serve npm visualization.\n\n# Other projects\n\nHere I will try to list other projects that visualize npm. \n\n* https:\u002F\u002Fnpm.broofa.com\u002F - renders dependency graph with direct acyclic graph layout alrogirthm.\n* [galaxy](https:\u002F\u002Fanvaka.github.io\u002Fpm\u002F#\u002Fgalaxy\u002Fnpm?cx=-1345&cy=-7006&cz=-6553&lx=0.6217&ly=-0.6459&lz=0.3098&lw=0.3168&ml=150&s=1.75&l=1&v=2017-11-22T00-00-00Z) - 3D gallaxy simulator of npm packages.\n\nIf you have other projects that you want to see here, please send me a pull request or a hint.\n\n# license\n\nMIT\n","npmgraph.an 是一个用于可视化 npm 包依赖关系的 2D 图形工具。它使用 Vue 3 和 Vite 构建，结合 ngraph 库来展示包之间的复杂依赖结构，并支持响应式布局和 3D 视图模式，使用户能够从不同角度理解依赖关系。该网站完全托管在 GitHub Pages 上，数据来源于 registry.npmjs.org 并实时更新。适合开发者、项目维护者或对 npm 生态感兴趣的任何人用来探索特定 npm 包的依赖情况及其在整个生态系统中的位置。",2,"2026-06-11 03:20:37","top_language"]