code/language/js/tools: Add Brangr

Author: networkimprov

src/content/code/language-support/javascript/tools/brangr.md

@@ -0,0 +1,41 @@
+---
+name: Brangr
+description: Browse Any Graph - A user-friendly viewer/client for all GraphQL services
+url: https://github.com/networkimprov/brangr
+github: networkimprov/brangr
+---
+
+__Brangr - *Br*owse *An*y *Gr*aph__
+
+Brangr is a simple, unique tool that any web server can host 
+to provide a user-friendly browser/viewer for any GraphQL service (or many).
+
+Brangr formats GraphQL results attractively, via a selection of user-configurable layouts.
+It lets users extract the generated HTML, and its source JSON.
+It provides a clever schema browser.
+It has built-in docs.
+
+Brangr enables sites hosting it to present users with 
+a collection of pre-fab GraphQL requests, which they can edit if desired, 
+and let them create their own requests.
+And it allows sites to define custom CSS styling for all aspects of the formatted results.
+
+Try it at the [**public Brangr site**](https://mnmnotmail.org/bgr/brangr.html).
+
+__Example__
+
+```
+query {
+  heroes(_layout:{type:table}) { # _layout arg not sent to service
+    first
+    last
+  }
+}
+```
+Brangr renders the above query as roughly this HTML (though not in a quote block):
+>heroes...
+>| First  | Last |
+>| ---    | ---  |
+>| Arthur | Dent |
+>| Ford   | Prefect |
+>| Zaphod | Beeblebrox |