A "Jake diagram", named after their inventor, the imitable Jake Archibald, depicts the joint session history of a web browser. Learn more in the preview version of the HTML Standard pull request that will be introducing them.
This tool allows you to generate and edit Jake diagrams, using a hacked-together domain-specific language. It's intended to be used mainly by contributors to the HTML Standard, especially those working on the navigation and session history rewrite.
The language's primary format is:
Non-indented lines give navigable names
Indented lines under the navigable are in the form x: url
or x-y: url
, where x and y are step numbers and url gives the URL to display for that session history entry
Those indented lines can optionally be followed by | z
, where z is any value. If multiple indented lines have the same value in this position, they will be considered to share a document.
The language has the following special lines, both optional:
!current = x
, where x is a number indicating which step should be marked as the current step.
!skipDocColors = x,y,z
where x,y,z indicates a comma-separated list of 0-indexed colors to skip when coloring the session history entries according to their documents. This is useful when you want to have two diagrams look the same despite the setup resulting in some documents being removed.