+'Flag semaphore' => [
+ map {
+ local $_ = $_;
+ s/[1-4]\K(?=[4-9])/ /; # prevent unwanted vertical crossing
+ tr/1-9/↙←↖↑↗→↘↓/;
+ s{(\S)(?=.)}{<span style="position:absolute">$1</span>};
+ $_
+ }
+ qw(
+ 1 2 3 4 5 6 7 21 31 46 14 51 16 17 23
+ 24 25 26 27 34 35 47 56 57 36 67
+ )
+],
+'Chappe semaphore' => [
+ map {
+ my ($r, $pr, $pl) = split //, $_;
+ /^\D$/ ? $_ : sprintf(
+ join('',
+ '<svg width="16" height="20" viewBox="0 0 10 15">',
+ '<path d="M5,6 v7"/>',
+ '<path d="M0,%s h10 %s" transform="rotate(%d 5 6)"/>',
+ '</svg>',
+ ),
+ ['6', '3v3', '9v-3']->[$pl],
+ [ '', 'v3', 'v-3']->[$pr],
+ $r * 45,
+ );
+ }
+ # 360° rotation (0-7) and position state (0-2) of left and right bars
+ qw(
+ 021 121 221 321 421 521 621 721
+ > 022 122 222 322 011 111 211 311
+ 001 101 201 301 401 501 601 701 020
+ )
+],
+'Prussian semaphore' => [
+ map { /^\D+$/ ? $_ : sprintf
+ join('',
+ '<svg width="10" height="20" viewBox="0 0 8 18">',
+ '<path d="M4,1 v18"/>',
+ (map {(
+ qq(<path d="M0 $_ h4" transform="rotate(%d 4 $_)"/>),
+ qq(<path d="M4 $_ h4" transform="rotate(-%d 4 $_)"/>),
+ )} 3, 7, 14),
+ '</svg>',
+ ),
+ map { ($_ - 2) * 45 % 360 } split //, $_
+ }
+ # rotation state (0-3) for left and right bar of 3 rows
+ qw(
+ 003000 000200 203300 000030 033030 000130 000330 032330 > 031330
+ 022020 130120 001320 233010 030210 022310 203001 233001
+ 131001 231301 000202 023302 230003 032003 201003 101003
+ )
+],
+'Code 39' => [
+ # ISO/IEC 16388
+ map { !!$_ && tr/012/ ❘❙/r }
+ # bar widths (1-2) followed by space of width 1 (implied) or 2 (0)
+ qw(
+ 211012 121012 221011 112012 212011 122011 111022 211021 121021 112021
+ 211102 121102 221101 112102 212101 122101 111202 211201 121201 112201
+ 201112 102112 202111 101212 201211 102211 102121 0 101221
+ )
+],
+'Code 93' => [
+ map {
+ sprintf
+ '<svg width="18" height="14" viewBox="-.5 0 9 7"><path d="M0,0 %s"/></svg>',
+ join ' ',
+ map {
+ join('m1,-7', ('v7') x $_->[0]), # line per bar width
+ (map { sprintf 'm%d,-7', $_ + 1 } $_->[1] || ()), # space forward
+ }
+ pairs split //
+ }
+ # bar and space widths (1-3)
+ qw(
+ 21111 21121 21131 22111 22121 23111 11211 11221 11231
+ 12211 13211 11112 11122 11132 12112 13112 21211 21221
+ 21112 21122 22112 22211 11212 11222 12212 12311 31121
+ )
+],
+'Code 128' => [
+ map { $U ? tr/1-3-/❘❙❚ /r : sprintf
+ '<svg width="22" height="14" viewBox="-.5 0 11 7"><path d="M0,0 %s"/></svg>',
+ join ' ',
+ map {
+ $_ eq '' ? 'm2,-7' :
+ $_ eq '.' ? 'm3,-7' :
+ $_ eq ':' ? 'm4,-7' :
+ join 'm1,-7', ('v7') x $_
+ }
+ split /([.:])?/ # each bar [123] and space [ .:]
+ }
+ # bar widths (1-3) followed by space of width 1 (implied), 2 (.) or 3 (:)
+ qw(
+ 11:2 1:12 1:1:2 12:1 1:21 1:2:1 21:1 2:11 2:1:1 123 12:3 1:23 132
+ 13:2 1:32 332 21:3 2:13 231 23:1 233 312 31:2 3:12 321 32:1 22.2
+ )
+],
+'<abbr title="Royal Mail 4-State Customer Code">RM4SCC</abbr>' => [
+ map {
+ my $len = length $_;
+ !$len ? '' : sprintf(
+ '<svg width="%d" height="20" viewBox="0 0 %d 6">'
+ . '<path d="M1%s"/></svg>',
+ $len * 5, $len * 2,
+ join ' m2',
+ map { sprintf ',%dv%dm0,-%d',
+ ($_ & 1 ? 0 : 2), 2 + ($_ & 2) + ($_ & 1) * 2,
+ ($_ & 1 ? 0 : 2) + 2 + ($_ & 2) + ($_ & 1) * 2,
+ }
+ split //
+ );
+ }
+ qw(
+ 2121 2301
+ 0132 0312 0330 2112 2130 2310
+ 1023 1203 1221 3003 3021 3201
+ 1032 1212 1230 3012 3030 3210
+ 1122 1302 1320 3102 3120 3300
+ 0033
+ ), # 0 for space
+ '', 1, 3 # start/end
+],
+"D'ni" => [
+ map {
+ state $window = 'M-.5,-.5H8.5V8.5H-.5Z';
+ state $v = [
+ '',
+ 'M0,4 8,4',
+ 'M0,8 Q4,4 8,8',
+ 'M0,4 4,8 8,4',
+ 'M2,0 2,4 8,4',
+ 'M0,0 8,8 M0,8 8,0', # cross
+ 'M3.5,4 h1', # dot
+ ];
+ state $h = [
+ '',
+ 'M4,0 4,8',
+ 'M0,0 Q4,4 0,8',
+ 'M4,-.5 0,4 4,8.5',
+ 'M4,8 4,2 8,2',
+ ];
+ sprintf '<svg width="16" height="16" viewBox="-.5 -.5 9 9"><path d="%s"/></svg>',
+ $window . ($h->[$_ % 5] . $v->[$_ / 5] || $v->[6]);
+ } 0 .. 5*5
+],
+'Pigpen' => [
+ map {
+ qq(<svg width="12" height="12" viewBox="-.5 -.5 7 7">$_</svg>)
+ }
+ map {
+ local $_ = $_;
+ s/^H/mX,0/ or s/^V/m0,X/ or s/^/m0,0/;
+ s/[hv]\K|X/6/g;
+ s/(?:v|,[^0]).*?v\K/-/;
+ s/(?:h|m[^0]).*?h\K/-/;
+ m/h/ or s/v/l3,/g;
+ m/v/ or s/h([^h]*)/l$1,3/g;
+ my $dot = s/\.// && qq(<circle cx="3" cy="3" r="1"/>);
+ qq(<path d="$_"/>$dot)
+ }
+ qw(
+ Hvh vhv vh hvh vhvh Hhvh hv Vvhv Hhv
+ Hvh. vhv. vh. hvh. vhvh. Hhvh. hv. Vvhv. Hhv.
+ vv hh Hhh Vvv
+ vv. hh. Hhh. Vvv.
+ ),
+],
+'Nyctographs' => [
+ map { s/M[\d,\hM]+(?=[M"])//gr } # clean up superfluous moves
+ map { sprintf
+ '<svg width="14" height="14" viewBox="-.5 -.5 5 5">'
+ . '<path d="M0,0%s %s4,0 %s4,4 %s0,4 %s0,0"/></svg>',
+ 'h.5v.5h-.5v-.5', # start anchor
+ map { ['M', 'h0M', 'L']->[$_] }
+ split //
+ }
+ # draw style (0=empty, 1=dot, 2=line connect) to right, down, left, up
+ qw(
+ 0010 0112 2022 2220 2000 2012 0122 0202 0020 0220 0012 0022 2202
+ 0222 2222 0102 0200 2201 2002 2200 0100 0110 0120 2001 2010 2020 0
+ ),
+],
+'Chromacons' => [
+ # Colour Alphabet by Paul Green-Armytage (2010)
+ map {
+ sprintf !$_ ? '<span>%2$s</span>' : '<span style="background:#%s" title="%s">%s</span>',
+ split(/:/), chr(8195);
+ }
+ qw{
+ F0A3FF:Amethyst 0075DC:Blue 993F00:Caramel 4C005C:Damson 191919:Ebony
+ 005C31:Forest 2BCE48:Green FFCC99:Honeydew 808080:Iron 94FFB5:Jade
+ 8F7C00:Khaki 9DCC00:Lime C20088:Mallow
+ 003380:Navy FFA405:Orpiment FFA8BB:Pink 426600:Quagmire FF0010:Red
+ 5EF1F2:Sky 00998F:Turquoise E0FF66:Uranium 740AFF:Violet 990000:Wine
+ FFFF80:Xanthin FFFF00:Yellow FF5005:Zinnia 0
+ }
+],