https://github.com/AlexTatiyants/pev

Postgres Explain Visualizer
https://github.com/AlexTatiyants/pev

Last synced: about 2 months ago
JSON representation

Postgres Explain Visualizer

• Host: GitHub
• URL: https://github.com/AlexTatiyants/pev
• Owner: AlexTatiyants
• License: mit
• Created: 2016-01-04T01:19:52.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2020-07-15T20:27:50.000Z (about 4 years ago)
• Last Synced: 2024-05-30T00:59:31.292Z (4 months ago)
• Language: CSS
• Size: 2.78 MB
• Stars: 2,746
• Watchers: 55
• Forks: 195
• Open Issues: 33
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• starred-awesome - pev - Postgres Explain Visualizer (CSS)

README

        
# Postgres Explain Visualizer (pev)

Postgres Explain Visualizer (dev) is designed to make [EXPLAIN](http://www.postgresql.org/docs/current/static/sql-explain.html) output easier to grok. It creates a graphical representation of the plan. You can see it in action at [tatiyants.com/pev](http://tatiyants.com/pev/), or read about it [on my blog](http://tatiyants.com/postgres-query-plan-visualization/).

Pev is heavily influenced by the excellent [explain.depesz.com](http://explain.depesz.com/).

Pev is written in [angular 2](https://angular.io/) with [TypeScript](http://www.typescriptlang.org/). The project is based on [angular2 seed](https://github.com/mgechev/angular2-seed). It requires [npm](https://www.npmjs.com/), [gulp](http://gulpjs.com/), [tsd](http://definitelytyped.org/tsd/), and [compass](http://compass-style.org/).

## Installation

```

npm install

npm start

```

You may also need to install tsd and compass:

```

npm install tsd -g

gem install compass

```

## Build

To build, run the build command for a specific environment. For example, the following will create a production distribution:

```

npm start build.prod

```