XmlView - XmlAspect.org

Intro

XmlView is a set of tools for XML/JSON presentation change in browser.
Bookmarklet, browser plugin, XSLT rule will help to present XML/JSON in browser as a table, bar/pie chart.
UI could be adjusted with tables sorting and containers collapsing.
Sort parameters are reflected in URL to be persisted there and shared.

open sample xml | json or your web service URL in browser
Other samples: Json from Flickr, LinkedIn

after click on browser bookmarklet button the data will be shown as table

Bookmarklet Bookmarklet is a button in a browser bookmarks toolbar.
It will change opened in a browser XML/JSON presentation to collapsible and sortable tables.
How it works? Rather holding a link it runs the script on current page applying the AsTable.xsl transformation.
To use it:

drag this link onto browser toolbar : XmlView
open xml | json or your XML/JSON in browser
Click on bookmarklet to run RunXslt.js which should re-render XML as table
XML/JSON shall be accessible on web site to be read by XHR
or XSLT included explicitly in XML.

XSLT AsTable.xsl used by following samples:

AsTable.xml for values in attributes
wikipediaSearch.xml for values in tag text
books.xml is a complex hierarchy sample

Functional component

Loader reads XML or JSON string and converts to XML document
XSLT referenced from within XML renders UI by browser without JS.
Collapsing and selection controlled by pure CSS
Sorting is done by XmlView.js.
It also redraws UI if the sorting is passed via URL parametrs.

Links

Sources
Support, Wish list, Live docs and discussion at ApiFusion.org
countries.xml country list compiled from umpirsky/country-list,
wikipediaSearch.xml originated from api.geonames.org
webapp.xml and webapp.json from json.org
TODO: CDN list

TODO

Author contact link
Table styles editor links and instructions. tablestyler.com - styler, tablesgenerator.com - theme presets.
Bar/pie charts as presentation
browser plugin
update on browser back/forward navigation

XmlView - XmlAspect.org

open sample xml | json or your web service URL in browser Other samples: Json from Flickr, LinkedIn

after click on browser bookmarklet button the data will be shown as table

open sample xml | json or your web service URL in browser
Other samples: Json from Flickr, LinkedIn