{"id":15192595,"url":"https://github.com/webpack/graph","last_synced_at":"2025-10-02T08:30:54.358Z","repository":{"id":4984947,"uuid":"6142956","full_name":"webpack/graph","owner":"webpack","description":"[DEPRECATED] Converts JSON stats from webpack to a nice SVG-Image.","archived":true,"fork":false,"pushed_at":"2012-11-02T08:29:31.000Z","size":188,"stargazers_count":13,"open_issues_count":0,"forks_count":4,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-10-30T00:58:48.488Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"chef-cookbooks/ntp","license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webpack.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-10-09T15:27:04.000Z","updated_at":"2023-06-03T19:33:36.000Z","dependencies_parsed_at":"2022-08-29T11:01:30.937Z","dependency_job_id":null,"html_url":"https://github.com/webpack/graph","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webpack%2Fgraph","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webpack%2Fgraph/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webpack%2Fgraph/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webpack%2Fgraph/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webpack","download_url":"https://codeload.github.com/webpack/graph/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234750655,"owners_count":18880922,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-09-27T21:43:09.820Z","updated_at":"2025-10-02T08:30:49.029Z","avatar_url":"https://github.com/webpack.png","language":"JavaScript","readme":"# webpack-graph\n\nIt visualize your dependency tree as svg image.\n\nProvide it with webpack stats (as JSON) for version \u003e 0.7.\n\nYou can generate them by calling webpack with `--json`.\n\n## Command Line\n\n`webpack-graph [\u003cstats.json\u003e [\u003coutput.svg\u003e]]`\n\nIf you don't provide the files as parameters `webpack-graph` will read them from `stdin` or write it to `stdout`.\n\n`--context \u003cpath\u003e` - Shorten filenames according to this context\n\n`--width \u003cnumber\u003e` - The max width of the output svg\n\n`--height \u003cnumber\u003e` - The max height of the output svg\n\n`--steps \u003cnumber\u003e` - Limit the simulation steps\n\n`--interactive` - Emit simulation code to browser\n\n`--color-by-loaders` - Choose colors by loaders\n\n`--color-by-module` - Choose colors by loaders\n\n`--color-switch` - Chosse colors by hovering\n\n## Resulting Image\n\n* Circles are modules/contexts\n * The size visualize the file size.\n * The color visualize the chunks in which the module is emitted.\n* Connections are dependencies\n * webpack-graph try to guess libaries and connect them with thin lines\n * Dashed lines visualize async requires.\n* Hover modules/contexts to display more info\n * Tooltip display module name and loaders\n * Tooltip display chunks\n * Green lines display requires *from* other modules/contexts\n * Red lines display requires *to* other modules/contexts\n * Brown lines display requires *to* and *from* other modules/contexts\n* In interactive mode\n * You can drag modules/contexts with your mouse\n * Layouting happens live\n * Only tested on latest Chrome and Firefox\n * Older browsers are not supported\n\n### Example\n\n![webpack-graph](http://webpack.github.com/graph/example/webpackBrowsertest.svg)\n\n[Interactive version](http://webpack.github.com/graph/example/webpackBrowsertestInteractive.svg)\n\nSee more examples in webpack examples","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebpack%2Fgraph","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebpack%2Fgraph","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebpack%2Fgraph/lists"}