{"id":13395361,"url":"https://github.com/dalibo/pev2","last_synced_at":"2026-01-17T10:54:24.242Z","repository":{"id":37444593,"uuid":"200599942","full_name":"dalibo/pev2","owner":"dalibo","description":"Postgres Explain Visualizer 2","archived":false,"fork":false,"pushed_at":"2025-05-05T07:19:44.000Z","size":9036,"stargazers_count":2904,"open_issues_count":81,"forks_count":146,"subscribers_count":29,"default_branch":"master","last_synced_at":"2025-05-05T08:27:50.363Z","etag":null,"topics":["explain","postgresql"],"latest_commit_sha":null,"homepage":"https://explain.dalibo.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"postgresql","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dalibo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2019-08-05T07:00:39.000Z","updated_at":"2025-05-02T20:34:41.000Z","dependencies_parsed_at":"2023-11-03T08:30:30.123Z","dependency_job_id":"bdd460eb-887e-43f6-9092-748c7ce2c833","html_url":"https://github.com/dalibo/pev2","commit_stats":{"total_commits":807,"total_committers":10,"mean_commits":80.7,"dds":"0.17596034696406448","last_synced_commit":"652bbc9041fde4f1df7df03e2500c2beaea5c3f5"},"previous_names":[],"tags_count":74,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dalibo%2Fpev2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dalibo%2Fpev2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dalibo%2Fpev2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dalibo%2Fpev2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dalibo","download_url":"https://codeload.github.com/dalibo/pev2/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253820126,"owners_count":21969481,"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":["explain","postgresql"],"created_at":"2024-07-30T17:01:53.978Z","updated_at":"2026-01-17T10:54:24.234Z","avatar_url":"https://github.com/dalibo.png","language":"TypeScript","readme":"PEV2: A VueJS component to show a graphical vizualization of a PostgreSQL execution\nplan.\n\n![PEV2 screenshot](pev2_screenshot.png)\n\n# Usage\n\nTo use the explain vizualizer you can choose one of the following options:\n\n## Dalibo service (recommended)\n\n[explain.dalibo.com](https://explain.dalibo.com)\n\nThis service is provided by `Dalibo` and can help you to share your plans with\ncolleagues or customers.\n\n## All-in-one local (no installation, no network)\n\nPEV2 can be run locally without any external internet resource.\n\nSimply download\n[pev2.html](https://www.github.com/dalibo/pev2/releases/latest/download/pev2.html),\nopen it in your favorite internet browser.\n\n## Integrated in a web application\n\n### Without building tools\n\n```html\n\u003cscript src=\"https://unpkg.com/vue@3/dist/vue.global.prod.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://unpkg.com/pev2/dist/pev2.umd.js\"\u003e\u003c/script\u003e\n\u003clink\n  href=\"https://unpkg.com/bootstrap@5/dist/css/bootstrap.min.css\"\n  rel=\"stylesheet\"\n/\u003e\n\u003clink rel=\"stylesheet\" href=\"https://unpkg.com/pev2/dist/pev2.css\" /\u003e\n\n\u003cdiv id=\"app\" class=\"d-flex flex-column vh-100\"\u003e\n  \u003cpev2 :plan-source=\"plan\" plan-query=\"\" /\u003e\n\u003c/div\u003e\n\n\u003cscript\u003e\n  const { createApp } = Vue\n\n  const plan = `\n    Aggregate  (cost=12.50..12.51 rows=1 width=8)\n      -\u003e  Seq Scan on employees  (cost=0.00..10.00 rows=1000 width=0)\n  `;\n\n  const app = createApp({\n    data() {\n      return {\n        plan: plan,\n      }\n    },\n  })\n  app.component(\"pev2\", pev2.Plan)\n  app.mount(\"#app\")\n\u003c/script\u003e\n```\n\n[See it live](https://stackblitz.com/edit/pev2-vanilla).\n\n### With build tools\n\nPEV2 can be integrated as a component in a web application.\n\nInstall it:\n\n```\nnpm install pev2\n```\n\nDeclare the `PEV2` component and use it:\n\n```javascript\nimport { Plan } from \"pev2\"\nimport \"pev2/dist/pev2.css\"\n\nexport default {\n  name: \"PEV2 example\",\n  components: {\n    pev2: Plan,\n  },\n  data() {\n    return {\n      plan: plan,\n      query: query,\n    }\n  },\n}\n```\n\nThen add the `PEV2` component to your template:\n\n```html\n\u003cdiv id=\"app\"\u003e\n  \u003cpev2 :plan-source=\"plan\" :plan-query=\"query\"\u003e\u003c/pev2\u003e\n\u003c/div\u003e\n```\n\n`PEV2` requires `Bootstrap (CSS)` to work so don't forget to\nadd the following in you header (or load them with your favorite bundler).\n\n```html\n\u003clink\n  href=\"https://unpkg.com/bootstrap@5/dist/css/bootstrap.min.css\"\n  rel=\"stylesheet\"\n/\u003e\n```\n\n[See it live](https://stackblitz.com/edit/pev2-vite).\n\n# Disclaimer\n\nThis project is a rewrite of the excellent [Postgres Explain Visualizer\n(pev)][pev]. Kudos go to [Alex Tatiyants][atatiyan].\n\nThe [pev][pev] project was initialy written in early 2016 but seems to be\nabandoned since then. There was no activity at all for more than 3 years and\ncounting though there are several issues open and relevant pull requests\npending.\n\n[pev]: https://github.com/AlexTatiyants/pev\n[atatiyan]: https://github.com/AlexTatiyants\n[demo]: https://dalibo.github.io/pev2\n[explain.dali.bo]: https://explain.dalibo.com\n","funding_links":[],"categories":["TypeScript","SQL","Optimization"],"sub_categories":["Plan"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdalibo%2Fpev2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdalibo%2Fpev2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdalibo%2Fpev2/lists"}