[DOC] Choose a convenient id for html elements displaying the BPMN diagrams

[tbouffard]

Current status

The goal of this decision is to be consistent in both documentation, code and examples.
It is part of the work engaged with #864

Over the time, we have introduced various ids and none is satisfying

• graph and maybe graph-container: this is the id used in mxgraph, but we aren't a mxgraph lib, we should find something related to the BPMN domain (we are not displaying graphs)
• viewport, view-port or bpmn-viewport: viewport is a term already used in the browser glossary and may be confusing

Note: other libs use

• bpmn-js: canvas
• ProcessMaker/modeler: paper-container

Proposals

• bpmn-container
• bpmn-viewport
• ....

Tasks

• choose an id of a family of ids: bpmn-container
• update the documentation - [DOC] rework documentation #892
• update the demo - [REFACTOR] update bpmn div id in test pages #893
• update the test pages (the lib-integration page may use a completely different id to test that there is no impact of the demo on the integration) - [REFACTOR] Merge html pages used in visual tests #891 and [REFACTOR] update bpmn div id in test pages #893
• update the examples: [REFACTOR] use bpmn-container div id in examples bpmn-visualization-examples#93

[tbouffard]

Closing as all tasks are completed.