User:Jeran Renz/Sandbox

Proof of concept
           temple nose pad rim or eyewire (left) lens hinge endpiece screw temple tip nose bridge Eyeglasses parts

This annotated image is created as a proof of concept, and shows that wikicode lends itself well to creating such diagrams. Here, I hardcode everything, which yields numerous unwieldy s.

A code excerpt is shown below:     ... temple nose pad <p style="clear: both; font-size: smaller; max-width: 400px; padding: 0.5em 0 0 2px;">Eyeglasses parts

Module visual-dict
Here, the same diagram is created with a module that allows to specify the image and the annotations coordinates. The wikicode code invocation for this diagram is shown below. The invocation converts the annotations into wikicode, which is then expanded.

Test - Points of a horse
<hr style="clear: both;">

Bird morphology
<hr style="clear: both;">

Car
<hr style="clear: both;">

Additional future features for the module

 * 1) Specify more than just a label, but also html snippets
 * 2) Provide a link to the image used on wikimedia (for attribution), e.g. VisualEditor_-_Icon_-_External-link.svg
 * 3) Highlight a given term when on its page, e.g. highligh the term "nose pad" if the diagram is on the page for nose pad.
 * 4) Find a way to transclude a single diagram specification on multiple pages. See for instance Wikipedia transclusion
 * 5) Create an external annotation tool that would generate the annotations, and house it somewhere on wikimedia. A first step would be an online converter svg -> module specs. See for instance https://svgtranslate.toolforge.org/.
 * 6) Double pointing leader lines, e.g. V-shaped.