3 use List::Util qw( pairs pairmap sum );
5 my %C = qw(red #EC1C24 blue #3953A3 yellow #F9EC31 black #231F20);
6 my $U = 0; # optional unicode alternatives
10 $code =~ m/\A(-?)(\d)(\d)/ or return $code;
11 return $1 . join(' ', '·' x $2, '·' x $3);
17 return join '', pairmap {
18 ($a =~ tr/123/❘❙❚/r) . ($b =~ tr/321/ /dr)
19 } split //, $code if $U;
21 my @cols = split //, $code; # bar and space widths
22 my $width = sum(@cols);
24 '<svg width="%d" height="%d" viewBox="-.5 0 %d %d"><path d="%s"/></svg>',
25 $width * 2, 14, $width, 7, join(' ',
28 join('m1,-7', ('v7') x $_->[0]), # line per bar width
29 (map { sprintf 'm%d,-7', $_ + 1 } $_->[1] || ()), # space forward
37 'Uppercase' => [qw{ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z }],
38 'Lowercase' => [qw{ a b c d e f g h i j k l m n o p q r s t u v w x y z }],
39 'Sütterlin' => [qw{ a b c d e f g h i j k l m n o p q r ſ s t u v w x y z }],
40 'Old Roman Cursive' => [
41 map { m/^(-?)(\w.*)/ ? $1.'<svg width="20" height="20" viewBox="0 0 12 20"><path d="'.$2.'"/></svg>' : $_ }
42 "m2,4 c1,2 8,9 8,9 M2,15 6,9",
43 "m2,4 c0,0 3,-2 4,1 1,2 0,9 3,9 1,-0 2,-1 2,-1 m-6,-2 c-5,4 -0,6 1,3",
44 "m4,7 4,-2 m-4,4 c0,0 -2,7 3,6",
45 "m3,2 c0,0 7,10 7,12 m-2,-4 c-5,2 -4,9 1,3",
46 "m3,10 4,0 m2,-7 c0,0 -7,1 -5,16",
47 "m4,11 5,-2 m-3,-4 7,-4 M0,18 c0,0 4,3 5,-3 2,-6 2,-10 2,-10",
48 "m3,6 7,-2 m-7,4 c-2,5 4,9 6,6 l1,3",
49 "m7,9 4,-0 m-8,0 c4,0 6,-1 5,6 M1,3 c2,-0 2,12 2,12",
52 "-m9,5 -5,4 4,4 m-4,-10 -1,13",
53 "m3,2 c0,0 -1,9 1,10 5,2 6,2 6,2",
54 "m0,16 3,-10 4,6 2,-5 5,4",
55 "m2,16 1,-9 5,8 2,-9",
56 "m5,8 c-2,0 -2,6 1,5 4,-2 1,-5 1,-5",
57 "m5,8 c0,0 -1,8 2,6 m-3,-7 5,3",
58 "m3,6 9,12 m-9,-11 c-4,1 -3,4 -3,4 0,0 2,2 6,-1",
59 "m0,6 c3,-1 3,-1 6,0 2,1 3,3 6,1 m-7,-1 -2,11",
60 "m13,3 c0,0 -5,2 -8,4 -2,3 -1,5 -2,9 -1,1 -4,2 -4,2",
61 "m2,7 8,0 m-4,1 c0,0 -1,8 3,5",
63 "m2,5 c0,0 3,5 6,3 3,-2 2,-3 2,-3",
65 "m3,19 c-1,-6 6,-17 6,-17 M1,8 c0,0 10,1 10,1",
66 "-m0,7 c2,-3 5,-2 5,1 l0,11 c0,0 -0,-4 -0,-10 -0,-4 4,-4 6,-3",
67 "-m3,6 c4,-1 3,3 3,3 -1,3 -2,5 -1,5 1,1 3,0 3,0",
69 'Sutton <abbr title="American Sign Lanugage">ASL</abbr>' => [
70 # American manual alphabet in Sutton (U+1D800+) notation
71 map { !!$_ && pack 'W*', map { hex "1D$_" } unpack '(A3)*', $_ } qw{
72 8F7a9c 847a9c 86Da9c 801a9c 84Aa9c
73 8CEa9c 8F0 815aa2 892a9c 892a9c9A2aac
75 819a9c 876a9c 840a9caA1 8F0a9caA1 81Aa9c
76 903a9c 8FBa9c 815a9c 80Ea9c 887a9c
77 806a9c 89Aa9c 800a9c945aaa
80 '<abbr title="International Telegraph Alphabet">ITA</abbr>2' => [
81 map { tr/01/○●/r =~ s/..\K/ /r } qw(
82 11000 10011 01110 10010 10000 10110 01011 00101 01100 11010 11110 01001 00111
83 00110 00011 01101 11101 01010 10100 00001 11100 01111 11001 10111 10101 10001
86 'Braille' => [qw{ ⠁ ⠃ ⠉ ⠙ ⠑ ⠋ ⠛ ⠓ ⠊ ⠚ ⠅ ⠇ ⠍ ⠝ ⠕ ⠏ ⠟ ⠗ ⠎ ⠞ ⠥ ⠧ ⠺ ⠭ ⠽ ⠵ }],
87 '5-point Tactile' => [
88 map { '<svg width="9" height="12" viewBox="0 0 18 24">'.$_.'</svg>' }
90 join '', map { sprintf '<circle cx="%d" cy="%d" r="4"/>',
91 !$_ ? 9 : $_ & 1 ? 4 : 14,
92 !$_ ? 12 : $_ < 3 ? 4 : 20,
96 4 234 012 14 0 014 023 12
97 02 024 0134 23 013 03 01 123
98 0124 13 04 1 34 0123 134 0234
102 'Morse' => [map {tr/.-/‧‑/r} qw{
103 .- -... -.-. -.. . ..-. --. .... .. .--- -.- .-.. --
104 -. --- .--. --.- .-. ... - ..- ...- .-- -..- -.-- --..
106 'Tap code' => [map { disptap($_) } qw{
107 11 12 13 14 15 21 22 23 > 24 25 31 32
108 33 34 35 41 42 43 44 45 51 52 53 54 55
110 'Short Tap' => [map { disptap($_) } qw{
111 11 12 13 14 21 22 23 20 > 31 -13 32 33
112 30 41 42 -13 43 40 10 51 52 53 50 -31 -40
115 map { chr(0x1F0A0 + $_), sprintf('<b>%s</b>', chr(0x1F0B0 + $_)) } # spades, hearts
116 1 .. 11, 13, 14 # A 2-10 J Q K
117 ), '', chr(0x1F0CF), chr(0x1F0DF) ],
118 'Maritime flags' => [
119 # International Code of Signals, SVG fills
120 map { !!$_ && '<svg width="20" height="20" viewBox="0 0 30 30">'.s/\n?\t+//gr.'</svg>' }
122 <path fill="$C{blue}" d="M0,0 h30 l-7.5,15 7.5,15 h-30 z"/>
123 <path fill="white" d="M0,0 h15 v30 h-15"/>
125 <path fill="$C{red}" d="M0,0 h30 l-7.5,15 7.5,15 h-30 z"/>
127 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
128 <path fill="white" d="M0,6 h30 v18 h-30" />
129 <path fill="$C{red}" d="M0,12 h30 v6 h-30" />
131 <path fill="$C{yellow}" d="M0,0 h30v30 h-30z"/>
132 <path fill="$C{blue}" d="M0,6 h30 v18 h-30"/>
134 <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
135 <path fill="$C{blue}" d="M0,0 h30 v15 h-30"/>
137 <path fill="white" d="M0,0 h30v30 h-30z"/>
138 <path fill="$C{red}" d="M15,0 l15,15 -15,15 -15,-15"/>
140 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
141 <path fill="$C{yellow}" d="M 0,0 h5 v30 h-5"/>
142 <path fill="$C{yellow}" d="M10,0 h5 v30 h-5"/>
143 <path fill="$C{yellow}" d="M20,0 h5 v30 h-5"/>
145 <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
146 <path fill="white" d="M0,0 h15 v30 h-15"/>
148 <path fill="$C{yellow}" d="M0,0 h30v30 h-30z"/>
149 <circle fill="$C{black}" r="7.5" cx="15" cy="15"/>
151 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
152 <path fill="white" d="M0,10 h30 v10 h-30"/>
154 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
155 <path fill="$C{yellow}" d="M0,0 h15 v30 h-15"/>
157 <path fill="$C{black}" d="M0,0 h30v30 h-30z"/>
158 <path fill="$C{yellow}" d="M0,0 h15 v15 h-15 M15,15 h15 v15 h-15"/>
160 <path fill="white" d="M0,0 h30v30 h-30z"/>
161 <path fill="$C{blue}" d="M4,0h22l-11,11 M4,30h22l-11,-11 M0,4v22l11,-11 M30,4v22l-11,-11"/>
163 <path fill="white" d="M0,0 h30v30 h-30z"/>
164 <path fill="$C{blue}" d="
165 M0,0 h7.5v7.5h-7.5 m0,7.5h7.5v7.5h-7.5
166 m7.5,-15 h7.5v7.5h-7.5 m0,7.5h7.5v7.5h-7.5
167 m7.5,-30 h7.5v7.5h-7.5 m0,7.5h7.5v7.5h-7.5
168 m7.5,-15 h7.5v7.5h-7.5 m0,7.5h7.5v7.5h-7.5
171 <path fill="$C{yellow}" d="M0,0 h30v30 h-30z"/>
172 <path fill="$C{red}" d="M0,0 h30 v30"/>
174 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
175 <path fill="white" d="M10,10 h10 v10 h-10"/>
177 <path fill="$C{yellow}" d="M0,0 h30v30 h-30z"/>
179 <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
180 <path fill="$C{yellow}" d="M12.5,0 v30 h5 v-30"/>
181 <path fill="$C{yellow}" d="M0,12.5 h30 v5 h-30"/>
183 <path fill="white" d="M0,0 h30v30 h-30z"/>
184 <path fill="$C{blue}" d="M10,10 h10 v10 h-10"/>
186 <path fill="white" d="M0,0 h30v30 h-30z"/>
187 <path fill="$C{red}" d="M0,0 h10 v30 h-10"/>
188 <path fill="$C{blue}" d="M20,0 h10 v30 h-10"/>
190 <path fill="white" d="M0,0 h30v30 h-30z"/>
191 <path fill="$C{red}" d="M0,0 h15 v15 h-15 M15,15 h15 v15 h-15"/>
193 <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
194 <path fill="white" d="M4,0h22l-11,11 M4,30h22l-11,-11 M0,4v22l11,-11 M30,4v22l-11,-11"/>
196 <path fill="$C{blue}" d="M0,0 h30v30 h-30z"/>
197 <path fill="white" d="M5,5 h20 v20 h-20"/>
198 <path fill="$C{red}" d="M10,10 h10 v10 h-10"/>
200 <path fill="white" d="M0,0 h30v30 h-30z"/>
201 <path fill="$C{blue}" d="M12.5,0 v30 h5 v-30"/>
202 <path fill="$C{blue}" d="M0,12.5 h30 v5 h-30"/>
204 <path fill="$C{red}" d="M0,0 h30v30 h-30z"/>
205 <path fill="$C{yellow}" d="M0,0h6l-6,6 M12,0h6l-18,18v-6 M24,0h6l-30,30v-6
206 M30,6v6l-18,18h-6 M30,18v6l-6,6h-6"/>
208 <path fill="$C{black}" d="M0,0 h30v30 h-30z"/>
209 <path fill="$C{blue}" d="M30,0 v31 l-15,-15"/>
210 <path fill="$C{yellow}" d="M0,0 h31 l-15,15"/>
211 <path fill="$C{red}" d="M0,30 h31 l-15,-15"/>
215 <path fill="$C{blue}" d="M0,5 30,15 0,25"/>
216 <path fill="$C{yellow}" d="M0,9 20,15 0,21"/>
218 <path fill="$C{blue}" d="M0,5 30,15 0,25"/>
219 <path fill="white" d="M15,10 30,15 15,20"/>
222 'Flag semaphore' => [
225 s/[1-4]\K(?=[4-9])/ /; # prevent unwanted vertical crossing
227 s{(\S)(?=.)}{<span style="position:absolute">$1</span>};
231 1 2 3 4 5 6 7 21 31 46 14 51 16 17 23
232 24 25 26 27 34 35 47 56 57 36 67
235 'Chappe semaphore' => [
237 my ($r, $pr, $pl) = split //, $_;
238 /^\D$/ ? $_ : sprintf(
240 '<svg width="16" height="20" viewBox="0 0 10 15">',
241 '<path d="M5,6 v7"/>',
242 '<path d="M0,%s h10 %s" transform="rotate(%d 5 6)"/>',
245 ['6', '3v3', '9v-3']->[$pl],
246 [ '', 'v3', 'v-3']->[$pr],
250 # 360° rotation (0-7) and position state (0-2) of left and right bars
252 021 121 221 321 421 521 621 721
253 > 022 122 222 322 011 111 211 311
254 001 101 201 301 401 501 601 701 020
257 'Prussian semaphore' => [
258 map { /^\D+$/ ? $_ : sprintf
260 '<svg width="10" height="20" viewBox="0 0 8 18">',
261 '<path d="M4,1 v18"/>',
263 qq(<path d="M0 $_ h4" transform="rotate(%d 4 $_)"/>),
264 qq(<path d="M4 $_ h4" transform="rotate(-%d 4 $_)"/>),
268 map { ($_ - 2) * 45 % 360 } split //, $_
270 # rotation state (0-3) for left and right bar of 3 rows
272 003000 000200 203300 000030 033030 000130 000330 032330 > 031330
273 022020 130120 001320 233010 030210 022310 203001 233001
274 131001 231301 000202 023302 230003 032003 201003 101003
279 map { !!$_ && tr/012/ ❘❙/r }
280 # bar widths (1-2) followed by space of width 1 (implied) or 2 (0)
282 211012 121012 221011 112012 212011 122011 111022 211021 121021 112021
283 211102 121102 221101 112102 212101 122101 111202 211201 121201 112201
284 201112 102112 202111 101212 201211 102211 102121 0 101221
287 'Code 93' => [map { dispbar($_) } qw(
288 211113 211212 211311 221112 221211 231111 112113 112212 112311 122112
289 132111 111123 111222 111321 121122 131121 212112 212211 211122 211221
290 221121 222111 112122 112221 122121 123111 311211
293 map { $U ? tr/1-3-/❘❙❚ /r : sprintf
294 '<svg width="22" height="14" viewBox="-.5 0 11 7"><path d="M0,0 %s"/></svg>',
298 $_ eq '.' ? 'm3,-7' :
299 $_ eq ':' ? 'm4,-7' :
300 join 'm1,-7', ('v7') x $_
302 split /([.:])?/ # each bar [123] and space [ .:]
304 # bar widths (1-3) followed by space of width 1 (implied), 2 (.) or 3 (:)
306 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
307 13:2 1:32 332 21:3 2:13 231 23:1 233 312 31:2 3:12 321 32:1 22.2
310 '<abbr title="Royal Mail 4-State Customer Code">RM4SCC</abbr>' => [
313 !$len ? '' : sprintf(
314 '<svg width="%d" height="20" viewBox="0 0 %d 6">'
315 . '<path d="M1%s"/></svg>',
318 map { sprintf ',%dv%dm0,-%d',
319 ($_ & 1 ? 0 : 2), 2 + ($_ & 2) + ($_ & 1) * 2,
320 ($_ & 1 ? 0 : 2) + 2 + ($_ & 2) + ($_ & 1) * 2,
327 0132 0312 0330 2112 2130 2310
328 1023 1203 1221 3003 3021 3201
329 1032 1212 1230 3012 3030 3210
330 1122 1302 1320 3102 3120 3300
337 state $window = 'M-.5,-.5H8.5V8.5H-.5Z';
344 'M0,0 8,8 M0,8 8,0', # cross
354 sprintf '<svg width="16" height="16" viewBox="-.5 -.5 9 9"><path d="%s"/></svg>',
355 $window . ($h->[$_ % 5] . $v->[$_ / 5] || $v->[6]);
360 qq(<svg width="12" height="12" viewBox="-.5 -.5 7 7">$_</svg>)
364 s/^H/mX,0/ or s/^V/m0,X/ or s/^/m0,0/;
366 s/(?:v|,[^0]).*?v\K/-/;
367 s/(?:h|m[^0]).*?h\K/-/;
369 m/v/ or s/h([^h]*)/l$1,3/g;
370 my $dot = s/\.// && qq(<circle cx="3" cy="3" r="1"/>);
371 qq(<path d="$_"/>$dot)
374 Hvh vhv vh hvh vhvh Hhvh hv Vvhv Hhv
375 Hvh. vhv. vh. hvh. vhvh. Hhvh. hv. Vvhv. Hhv.
381 map { s/M[\d,\hM]+(?=[M"])//gr } # clean up superfluous moves
383 '<svg width="14" height="14" viewBox="-.5 -.5 5 5">'
384 . '<path d="M0,0%s %s4,0 %s4,4 %s0,4 %s0,0"/></svg>',
385 'h.5v.5h-.5v-.5', # start anchor
386 map { ['M', 'h0M', 'L']->[$_] }
389 # draw style (0=empty, 1=dot, 2=line connect) to right, down, left, up
391 0010 0112 2022 2220 2000 2012 0122 0202 0020 0220 0012 0022 2202
392 0222 2222 0102 0200 2201 2002 2200 0100 0110 0120 2001 2010 2020 0
396 # Colour Alphabet by Paul Green-Armytage (2010)
398 sprintf !$_ ? '<span>%2$s</span>' : '<span style="background:#%s" title="%s">%s</span>',
399 split(/:/), chr(8195);
402 F0A3FF:Amethyst 0075DC:Blue 993F00:Caramel 4C005C:Damson 191919:Ebony
403 005C31:Forest 2BCE48:Green FFCC99:Honeydew 808080:Iron 94FFB5:Jade
404 8F7C00:Khaki 9DCC00:Lime C20088:Mallow
405 003380:Navy FFA405:Orpiment FFA8BB:Pink 426600:Quagmire FF0010:Red
406 5EF1F2:Sky 00998F:Turquoise E0FF66:Uranium 740AFF:Violet 990000:Wine
407 FFFF80:Xanthin FFFF00:Yellow FF5005:Zinnia 0