This Elements Catalog tutorial displays all the schematic graphical elements conveniently grouped into their functional categories.
The elements' representations could be of two types: pure JavaScript and SVG-files. (INT's collection of schematics SVG-elements is located at GeoToolkit_root/es6/resources/svg).
Both representations have their pros and cons: JavaScript-based are performance wise while SVG-based could be visually challenging. First type does not require special protocol for loading elements of its type while second one does.
SVG-files shown in the tutorial are included in the toolkit but not configured by default. Refer to SVG Components tutorial for code examples how to load SVG-files for schematics components visualization.
Users can combine the representations in their application, replace and/or extend existing elements.
Refer to SVG Components tutorial for code examples how to load elements of a type and how to replace some representation with another one.
Following group of tutorials cover examples of custom JavaScript elements implementations:
Custom Component Node
Custom Regular Component Node
Custom Flipped Component Node
SVG-files
JavaScript