5. Additional Options

Loading Manifests from the Address Bar

Manifest loads a few sample maps by default. To see other maps, you can pass arguments as URL Fragment Identifiers. This allows you to load a local JSON file in the Manifest Document format, or pass it a reference to a different kind of resource.

#manifest - https://manifest.supplystudies.com/#manifest- [URL] - Loads a Manifest JSON file, it expects a relative or full URL after the dash.

• https://manifest.supplystudies.com/#manifest-json/samples/amazon.json
• https://manifest.supplystudies.com/#manifest-https://manifest.supplystudies.com/json/samples/amazon.json

#gsheet - https://manifest.supplystudies.com/#gsheet- [REFERENCE_ID] - Loads a Manifest from a structured Google Sheet, it expects the reference id to the publicly shared google sheet after the dash.

• https://manifest.supplystudies.com/#gsheet-1w7gGETKfHD68JcZkDg7q_6b5Z8b0YqtkRGJRYMndY1Q

#collection - https://manifest.supplystudies.com/#collection- [URL] - Loads a collection of Manifests, as a structured json file, it expects a relative or full URL after the dash.

• https://manifest.supplystudies.com/#collection-json/cases/medialogistics_spring2023.json

#smap - https://manifest.supplystudies.com/#smap- [INDEX] - Loads a legacy sourcemap, it expects an index number drawn from the archived sourcemap repository.

• https://manifest.supplystudies.com/#smap-5333

Customizing Manifest from the Address Bar

In addition to loading Manifests from the address bar, you can also pass URL Parameters to customize the behavior of the application. While some of these features are also available in the user interface, some of them can only be accessed this way.

map - [default,sattelite,bw] - The default tileset to load with a map, the default is a stylized openstreetmap tileset.

• https://manifest.supplystudies.com/?map=satellite

visualization - [map,forcegraph,flow,chord,listview,textview] - The default visualization to show when Manifest is loaded, the default is to load a map visualization.

• https://manifest.supplystudies.com/?visualization=forcegraph

view - [interest,center] - The centering function to apply to the map. The default is interest which attempts to center and set the map bounds at a reasonable focal point automatically. If center is passed, you can also pass options for position, as a comma-separated set of latitude and longitude coordinates and zoom, as a range between 3 and 18, to set the initial view to precise coordinates.

• https://manifest.supplystudies.com/?view=center&position=51.509865,-0.118092&zoom=15

color - [color1,color2,color3] - Forced colors for the map. By default, each supply chain will load with a randomly assigned color or the colors specified by its Manifest JSON document. This option overrides those settings and forces all loaded supply chains to the passed hexadecimal color values.

• https://manifest.supplystudies.com/?color=000000,999999,999999

Manifest also supports a number of boolean parameters that can be passed to enable certain behaviors. For example:

simpleLines - This options reduces the complexity of line drawing, producing less smooth but more efficient rendering for maps with a very large number of connections.

• https://manifest.supplystudies.com/?simpleLines

hoverHighlight - This options highlights points and their direct connection lines on mouse over, producing an interaction that can be visually overwhelming but useful for maps with a very large number of points.

• https://manifest.supplystudies.com/?hoverHighlight

storyMap - This changes the stylesheet for Manifest to display in a linear, "storymap" like way.

• https://manifest.supplystudies.com/?storyMap

Embedded Manifest Links

You can embed links to Manifest documents inside another Manifest document. This allows you to separate related but discrete Manifest documents and load them on demand (this is how the default popup on the Manifest web app loads the sample Manifests it suggests). To create Manifest links you can define them as an html link with the class "manifest-link" in a document or node description like:

<a class='manifest-link' href='https://manifest.supplystudies.com/json/samples/apple.json'>Apple Supplier Manifest</a>

Alternatively, any link with the protocol manifest:// will also be loaded as a Manifest document:

manifest://manifest.supplystudies.com/json/samples/apple.json

Both of these examples demonstrate linking to a Manifest json file. If you want to link to a Google sheet, you should use the full (public) url of that sheet:

<a class='manifest-link' href='https://docs.google.com/spreadsheets/d/1oufmRw_TM9LUjM8p0V7stPvePWnkBxRZDc02aFvjSLc/'>Manifest Sheet</a>

Manifest Styling

Manifest defines a number of classes for additional styling options in descriptions for documents or nodes. This includes:

• cite - You can include an element like <div class='cite'>...</div> in your document description to provide a citation block for your Manifest.

...