express-routes-visualizer

Visualize Express routes using D3

Usage no npm install needed!

<script type="module">
  import expressRoutesVisualizer from 'https://cdn.skypack.dev/express-routes-visualizer';
</script>

README

express-routes-visualizer

An express middleware and endpoint for viewing your app's route hierarchy.

NPM Version Build Status Coverage Maintainability

Hackathon Starter Example

Note, this isn't working with express.Router() instances at the moment.

Installation

npm install --save express-routes-visualizer

Usage

const { middleware, visualizer } = require('express-routes-visualizer')

app.use(
  '/routes',
  middleware({ httpMethods: false }),
  visualizer({ theme: 'dark-blue' })
)

Themes

See ./themes.md for visuals of each scheme.

  • plain - a plain scheme with a light background
  • light-gray - a simple light grayscale theme
  • dark-gray - a simple dark grayscale theme
  • dark-blue - a darker blue theme loosely based on the Atom Nord theme
  • burn - a low-contrast scheme inspired by Zenburn

License

MIT © Forrest Desjardins