Традиция:Test/ED/exe

Program Settings Wikicode Output

// man
$wgExternalDataSources['man'] = [
	'command'       => 'man $topic$',
	'params'        => [ 'topic' ],
	'param filters' => [ 'topic' => '/^\w+$/' ]
];

{{#get_program_data:
    program = man
  | topic = uname
  | data = manual=__text
  | format = text
 }}<blockquote>{{#external_value:manual}}</blockquote>

UNAME(1) User Commands UNAME(1)
NAME uname - print system information
SYNOPSIS uname [OPTION]...
DESCRIPTION Print certain system information. With no OPTION, same as -s.
-a, --all print all information, in the following order, except omit -p and -i if unknown:
-s, --kernel-name print the kernel name
-n, --nodename print the network node hostname
-r, --kernel-release print the kernel release
-v, --kernel-version print the kernel version
-m, --machine print the machine hardware name
-p, --processor print the processor type (non-portable)
-i, --hardware-platform print the hardware platform (non-portable)
-o, --operating-system print the operating system
--help display this help and exit
--version output version information and exit
AUTHOR Written by David MacKenzie.
REPORTING BUGS GNU coreutils online help: <https://www.gnu.org/software/coreutils/> Report uname translation bugs to <https://translationproject.org/team/>
COPYRIGHT Copyright © 2018 Free Software Foundation, Inc. License GPLv3+: GNU GPL version 3 or later <https://gnu.org/licenses/gpl.html>. This is free software: you are free to change and redistribute it. There is NO WARRANTY, to the extent permitted by law.
SEE ALSO arch(1), uname(2)
Full documentation at: <https://www.gnu.org/software/coreutils/uname> or available locally via: info '(coreutils) uname invocation'
GNU coreutils 8.30 September 2019 UNAME(1)

whatis

// whatis
$wgExternalDataSources['whatis'] = [
	'command'       => 'whatis $topic$',
	'params'        => [ 'topic' ],
	'param filters' => [ 'topic' => '/^\w+$/' ]
];

{{#get_program_data:
    program = whatis
  | topic = uname
  | data = summary=__text
  | format = text
 }}<blockquote>{{#external_value:summary}}</blockquote>

uname (1) - print system information
uname (2) - get name and information about current kernel

whois

"ini" format
all variables

// whois
$wgExternalDataSources['whois'] = [
	'command'       => 'whois $domain$',
	'params'        => [ 'domain' ],
	'param filters' => [ 'domain' => '/^[\w\.]+$/' ]
];

{{#get_program_data:
    program = whois
  | domain = mediawiki.org
  | data = __all
  | format = ini
  | delimiter = :
 }}
 {| class="wikitable"
 |-
 | Domain Name || {{#external_value:Domain Name}}
 |-
 | Registry Domain ID || {{#external_value:Registry Domain ID}}
 |-
 | Registrar URL || {{#external_value:Registrar URL}}
 |-
 | Registry Expiry Date || {{#external_value:Registry Expiry Date}}
 {{#for_external_table:<nowiki/>
 {{!}}-
 {{!}} Domain Status {{!}}{{!}} {{{Domain Status}}}
 }}
 {{#for_external_table:<nowiki/>
 {{!}}-
 {{!}} Name Server {{!}}{{!}} {{{Name Server}}}
 }}
 {{#for_external_table:<nowiki/>
 {{!}}-
 {{!}} colspan="2" {{!}} {{{__comments}}}
 }}
 |}

Domain Name	mediawiki.org
Registry Domain ID	e6098cec75d74f27875d7aef6fa7eb8a-LROR
Registrar URL	http://www.markmonitor.com
Registry Expiry Date	2024-08-09T21:57:23Z
Domain Status	clientDeleteProhibited https://icann.org/epp
Domain Status	clientTransferProhibited https://icann.org/epp
Domain Status	clientUpdateProhibited https://icann.org/epp
Name Server	ns0.wikimedia.org
Name Server	ns1.wikimedia.org
Name Server	ns2.wikimedia.org
clientDeleteProhibited
clientTransferProhibited
clientUpdateProhibited
or (b) enable high volume, automated, electronic processes that send queries or data to the systems of Registry Operator, a Registrar, or Identity Digital except as reasonably necessary to register domain names or modify existing registrations. All rights reserved. Public Interest Registry reserves the right to modify these terms at any time. By submitting this query, you agree to abide by this policy. The Registrar of Record identified in this output may have an RDDS service that can be queried for additional information on how to contact the Registrant, Admin, or Tech contact of the queried domain name.

geoiplookup

// geoiplookup
$wgExternalDataSources['geoiplookup'] = [
	'command'       => 'geoiplookup $domain$',
	'params'        => [ 'domain' ],
	'param filters' => [ 'domain' => '/^[\w\.]+$/' ]
];

{{#get_program_data:
    program = geoiplookup
  | domain = mediawiki.org
  | data = report=__text
  | format = text
 }}<blockquote>{{#external_value:report}}</blockquote>

GeoIP Country Edition: NL, Netherlands

locale

(shows $wgShellLocale anyway)

// locale
$wgExternalDataSources['locale'] = [
	'env'           => [ 'LANG' => '$locale$' ],
	'command'       => 'locale -k $category$',
	'params'        => [ 'locale' => 'POSIX', 'category' ],
	'param filters' => [ 'locale' => '/^\w+(\.\w+)?$/', 'category' => '/^LC_[A-Z]+$/' ]
];

{{#get_program_data:
    program = locale
  | locale = ru_RU.utf8
  | category = LC_TELEPHONE
  | data = name=0,value=1
  | format = CSV
  | delimiter = =
 }}{| class="wikitable"
 ! Name !! Value {{#for_external_table:<nowiki/>
 {{!}}-
 {{!}} {{{name}}} {{!}}{{!}} {{{value}}}
 }}
 |}

Name	Value
tel_int_fmt	+%c %a %l
tel_dom_fmt
int_select
int_prefix
telephone-codeset	UTF-8

apt-cache show

// apt-cache show
$wgExternalDataSources['apt-cache show'] = [
	'command'       => 'apt-cache show $package$',
	'params'        => [ 'package' ],
	'param filters' => [ 'package' => '/^[\w-]+$/' ]
];

{{#get_program_data:
    program = apt-cache show
  | package = graphviz-doc
  | data = key=1,value=2
  | format = CSV
  | delimiter = :
}}
{| class="wikitable"
! Key !! Value {{#for_external_table:<nowiki/>
{{!}}-
{{!}} {{{key}}} {{!}}{{!}} {{{value}}}
}}
|}

Key	Value
graphviz-doc
all
2.42.2-3build2
foreign
optional
universe/doc
graphviz
Ubuntu
Ubuntu Developers <[email protected]>
Laszlo Boszormenyi (GCS) <[email protected]>
https	//bugs.launchpad.net/ubuntu/+filebug
5427
graphviz
pool/universe/g/graphviz/graphviz-doc_2.42.2-3build2_all.deb
4430728
a75e0e596e1e9e0ea49e52fd8ed7245d
8a520e892dec6dc3b1366772b2ce14035491a38f
0fa4f649e5289303cfbe2bb2aa4ff022bd7252db7ef8183fbed8b41af2342b65
https	//www.graphviz.org/
additional documentation for graphviz





f78e17da4b5250c519aa60f99d9c7a3c

apt-cache showpkg

// apt-cache showpkg
$wgExternalDataSources['apt-cache showpkg'] = [
	'command'       => 'apt-cache showpkg $package$',
	'params'        => [ 'package' ],
	'param filters' => [ 'package' => '/^[\w-]+$/' ]
];

{{#get_program_data:
    program = apt-cache showpkg
  | package = graphviz-doc
  | data = info=__text
  | format = text
 }}{{#tag:pre|{{#external_value:info}}}}

Package: graphviz-doc
Versions: 
2.42.2-3build2 (/var/lib/apt/lists/mirror.selectel.ru_ubuntu_dists_focal_universe_binary-amd64_Packages) (/var/lib/apt/lists/mirror.selectel.ru_ubuntu_dists_focal_universe_binary-i386_Packages)
 Description Language: 
                 File: /var/lib/apt/lists/mirror.selectel.ru_ubuntu_dists_focal_universe_binary-amd64_Packages
                  MD5: f78e17da4b5250c519aa60f99d9c7a3c
 Description Language: en
                 File: /var/lib/apt/lists/mirror.selectel.ru_ubuntu_dists_focal_universe_i18n_Translation-en
                  MD5: f78e17da4b5250c519aa60f99d9c7a3c
 Description Language: ru
                 File: /var/lib/apt/lists/mirror.selectel.ru_ubuntu_dists_focal_universe_i18n_Translation-ru
                  MD5: f78e17da4b5250c519aa60f99d9c7a3c


Reverse Depends: 
  graphviz,graphviz-doc
Dependencies: 
2.42.2-3build2 - graphviz (0 (null)) 
Provides: 
2.42.2-3build2 - graphviz-doc:i386 (= 2.42.2-3build2) 
Reverse Provides:

apt-cache depends

// apt-cache depends
$wgExternalDataSources['apt-cache depends'] = [
	'command'       => 'apt-cache depends $package$',
	'params'        => [ 'package' ],
	'param filters' => [ 'package' => '/^[\w-]+$/' ]
];

{{#get_program_data:
    program = apt-cache depends
  | package = graphviz
  | data = info=__text
  | format = text
 }}{{#tag:pre|{{#external_value:info}}}}

graphviz
  Depends: libann0
  Depends: libc6
  Depends: libcdt5
  Depends: libcgraph6
  Depends: libexpat1
  Depends: libgcc-s1
  Depends: libgd3
  Depends: libglib2.0-0
  Depends: libgts-0.7-5
  Depends: libgvc6
  Depends: libgvpr2
  Depends: liblab-gamut1
  Depends: libstdc++6
  Depends: libx11-6
  Depends: libxaw7
  Depends: libxmu6
  Depends: libxt6
  Recommends: fonts-liberation
  Suggests: gsfonts
  Suggests: graphviz-doc

composer show

// composer show
$wgExternalDataSources['composer show'] = [
	'command'       => 'composer show $package$',
	'params'        => [ 'package' ],
	'param filters' => [ 'package' => '%^[\w/-]+$%' ]
];

{{#get_program_data:
    program = composer show
  | package = mediawiki/graph-viz
  | data = info=__text
  | format = text
 }}{{#tag:pre|{{#external_value:info}}}}

name     : mediawiki/graph-viz
descrip. : Online DOT graph renderer and message sequence chart renderer
keywords : Mscgen, dot, graphviz, mediawiki, wiki
versions : * 3.1.0
type     : mediawiki-extension
license  : GNU General Public License v2.0 or later (GPL-2.0-or-later) (OSI approved) https://spdx.org/licenses/GPL-2.0-or-later.html#licenseText
homepage : https://www.mediawiki.org/wiki/Extension:GraphViz
source   : [git] https://gerrit.wikimedia.org/r/p/mediawiki/extensions/GraphViz.git d7732c8ecbe623fadc070c2217c1ded8dc033bbd
dist     : []  
path     : /var/www/wiki/w/extensions/GraphViz
names    : mediawiki/graph-viz

autoload
psr-4
MediaWiki\Extension\GraphViz\ => includes/

requires
composer/installers 1.*,>=1.0.1
php >=5.4

requires (dev)
jakub-onderka/php-console-highlighter 0.3.2
jakub-onderka/php-parallel-lint 1.0.0
mediawiki/mediawiki-codesniffer 16.0.1
mediawiki/minus-x 0.3.1

suggests
mediawiki/image-map The ImageMap extension is required and is bundled with MediaWiki.  See https://www.mediawiki.org/wiki/Extension:ImageMap

youtube-dl

// youtube-dl
// sudo -H pip install --upgrade youtube-dl
$wgExternalDataSources['youtube-dl'] = [
	'name'              => 'youtube-dl',
	'program url'       => 'https://ytdl-org.github.io/youtube-dl/',
	'version command'   => '/usr/local/bin/youtube-dl --version',
	'command'           => '/usr/local/bin/youtube-dl -j $url$',
	'params'            => [ 'url' ],
	'param filters'     => [ 'url' => '%^https://(www\.youtube\.com/watch\?v=|youtu\.be/)[\w-]{11}$%' ],
	'throttle key'      => 'youtube-dl',
	'throttle interval' => 30,
	'min cache seconds' => 30 * 24 * 60 * 60
];

{{#get_program_data:
    program = youtube-dl
  | url = https://www.youtube.com/watch?v=_LOF_UzUkoo
  | cache seconds = 31557492 <!-- one year -->
  | use stale cache
  | data = id=id,title=title,fulltitle=fulltitle,description=description,
 upload_date=upload_date,uploader=uploader,uploader_url=uploader_url,
 channel=channel,channel_url=channel_url,duration=duration
  | format = json
 }}
 {| class="wikitable"
 | id || {{#external_value:id}}
 |-
 | title || {{#external_value:title}}
 |-
 | fulltitle || {{#external_value:fulltitle}}
 |-
 | description || {{#regex:{{#external_value:description}} | /\n/ = <br /> }}
 |-
 | upload_date || {{#external_value:upload_date}}
 |-
 | uploader || {{#external_value:uploader}}
 |-
 | uploader_url || {{#external_value:uploader_url}}
 |-
 | channel || {{#external_value:channel}}
 |-
 | channel_url || {{#external_value:channel_url}}
 |-
 | duration || {{#external_value:duration}}
 |}

id	_LOF_UzUkoo
title	ℭ𝔥𝔞𝔫𝔰𝔬𝔫𝔫𝔦𝔢𝔯 𝔡𝔲 ℜ𝔬𝔦 - Estampies & Danses Royales, Hespèrion XXI & Jordi Savall
fulltitle	ℭ𝔥𝔞𝔫𝔰𝔬𝔫𝔫𝔦𝔢𝔯 𝔡𝔲 ℜ𝔬𝔦 - Estampies & Danses Royales, Hespèrion XXI & Jordi Savall
description	Ensemble: Hespèrion XXI & Jordi Savall Album: Estampies & Danses Royales Video: Manuscrit du roi XIII cent. http://www.facebook.com/musicamedievale • Danse I Le Prime Estampie Royal Estampie Ancienne I (d'apres: Kalenda Maya Raimbaut de Vaqueiras 1150-1207) La Seconde Estampie Royal La Tierche Estampie Roial Chanson (d'apres: No puesc sofrir c'a la dolor Giraut de Borneill 1175-1220) La Quarte Estampie Royal La Quinte Estampie Real Estampie Ancienne (d'apres: No m'agrad'iverns Raimbaut de Vaqueiras 1150-1207) Danse II La Sexte Estampie Real La Septime Estampie Real Planctus (d'apres: Pax! In nomini Domini! Marcabru 1100-1150?) La Ultime Estampie Real Danse Real • Buy: https://www.alia-vox.com/it/catalogo/estampies-danses-royales-le-manuscrit-du-roi-ca-1270-1320/ 🌻 The monetization of this channel is disabled to offer the highest possible listening quality. Please support the channel with a free donation: http://paypal.me/volpemirko
upload_date	20180312
uploader	𝔐𝔲𝔰𝔦𝔠𝔞 𝔐𝔢𝔡𝔦𝔢𝔳𝔞𝔩𝔢
uploader_url	http://www.youtube.com/user/RealPoPSTAR
channel	𝔐𝔲𝔰𝔦𝔠𝔞 𝔐𝔢𝔡𝔦𝔢𝔳𝔞𝔩𝔢
channel_url	https://www.youtube.com/channel/UCw9CLkBHqDMIqBUciTEmODg
duration	4320

tzdata

// Time zones:
/*
echo > /var/www/scripts/tzdata <<'SCRIPT'
#!/bin/bash
echo -e 'name,weekday,month,day,time,year,abbr'
timedatectl list-timezones | xargs zdump | sed -E 's/\s+/,/g'
SCRIPT
sudo chmod +x /var/www/scripts/tzdata
 */
$wgExternalDataSources['tzdata'] = [
	'name'      => 'tzdata',
	'command'   => '/var/www/scripts/tzdata',
	'min cache seconds' => 30 * 24 * 60 * 60
];

{| ! name !! weekday !! month !! day !! time !! year !! abbr {{#for_external_table:| {{!}}- {{!}} {{{name}}} {{!}}{{!}} {{{weekday}}} {{!}}{{!}} {{{month}}} {{!}}{{!}} {{{day}}} {{!}}{{!}} {{{time}}} {{!}}{{!}} {{{year}}} {{!}}{{!}} {{{abbr}}} | source = tzdata | end line = 15 }} |}

name	weekday	month	day	time	year	abbr
Africa/Abidjan	Thu	Apr	18	03:13:39	2024	GMT
Africa/Accra	Thu	Apr	18	03:13:39	2024	GMT
Africa/Addis_Ababa	Thu	Apr	18	06:13:39	2024	EAT
Africa/Algiers	Thu	Apr	18	04:13:39	2024	CET
Africa/Asmara	Thu	Apr	18	06:13:39	2024	EAT
Africa/Asmera	Thu	Apr	18	06:13:39	2024	EAT
Africa/Bamako	Thu	Apr	18	03:13:39	2024	GMT
Africa/Bangui	Thu	Apr	18	04:13:39	2024	WAT
Africa/Banjul	Thu	Apr	18	03:13:39	2024	GMT
Africa/Bissau	Thu	Apr	18	03:13:39	2024	GMT
Africa/Blantyre	Thu	Apr	18	05:13:39	2024	CAT
Africa/Brazzaville	Thu	Apr	18	04:13:39	2024	WAT
Africa/Bujumbura	Thu	Apr	18	05:13:39	2024	CAT
Africa/Cairo	Thu	Apr	18	05:13:39	2024	EET

Tag emulation mode

GraphViz, tag emulation mode

// GraphViz:
// sudo apt install graphviz
$wgExternalDataSources['graphviz'] = [
	'name'              => 'GraphViz',
	'program url'       => 'https://graphviz.org/',
	'version command'   => null,
	'command'           => 'dot -K$layout$ -Tsvg',
	'params'            => [ 'layout' => 'dot' ],
	'param filters'     => [ 'layout' => '/^(dot|neato|twopi|circo|fdp|osage|patchwork|sfdp)$/' ],
	'input'             => 'dot',
	'preprocess'        => 'EDConnectorExe::wikilinks4dot',
	'postprocess'       => 'EDConnectorExe::innerXML',
	'min cache seconds' => 30 * 24 * 60 * 60,
	'tag'               => 'graphviz'
];

digraph example3 {
  node [shape=plaintext];
  Mollusca [URL="[[w:Mollusca]]"];
  Neomeniomorpha [URL="[[w:Neomeniomorpha]]"];
  X1 [shape=point,label=""];
  Caudofoveata [URL="[[w:Caudofoveata]]"];
  Testaria [URL="[[w:Testaria]]"];
  Polyplacophora [URL="[[w:Polyplacophora]]"];
  Conchifera [URL="[[w:Conchifera]]"];
  Tryblidiida [URL="[[w:Tryblidiida]]"];
  Ganglioneura [URL="[[w:Ganglioneura]]"];
  Bivalvia [URL="[[w:Bivalvia]]"];
  X2 [shape=point,label=""];
  X3 [shape=point,label=""];
  Scaphopoda [URL="[[w:Scaphopoda]]"];
  Cephalopoda [URL="[[w:Cephalopoda]]"];
  Gastropoda [URL="[[w:Gastropoda]]"];
  Mollusca->X1->Testaria->Conchifera->Ganglioneura->X2->Gastropoda
  Mollusca->Neomeniomorpha
  X1->Caudofoveata
  Testaria->Polyplacophora
  Conchifera->Tryblidiida
  Ganglioneura ->Bivalvia
  X2->X3->Cephalopoda
  X3->Scaphopoda
}

</graphviz>

mscgen, tag emulation mode

// mscgen:
// sudo apt install mscgen
$wgExternalDataSources['mscgen'] = [
	'name'              => 'mscgen',
	'program url'       => 'https://www.mcternan.me.uk/mscgen/',
	'version'           => 'Mscgen version 0.20, Copyright (C) 2010 Michael C McTernan, [email protected]',
	'command'           => 'mscgen -Tsvg -o -',
	'input'             => 'dot',
	'preprocess'        => 'EDConnectorExe::wikilinks4dot',
	'postprocess'       => 'EDConnectorExe::innerXML',
	'min cache seconds' => 30 * 24 * 60 * 60,
	'tag'               => 'mscgen'
];

msc {
  a,b,c;

  a->b  [label="ab()"];
  b->c  [label="bc(TRUE)"];
  c=>c  [label="process(1)"];
  c=>c  [label="process(2)"];
  ...;
  c=>c  [label="process(n)"];
  c=>c  [label="process(END)"];
  a<<=c [label="callback()"];
  ---   [label="If more to run", ID="*"];
  a->a  [label="next()"];
  a->c  [label="ac()"];
  b<-c  [label="cb(TRUE)"];
  b->b  [label="stalled(...)"];
  a<-b  [label="ab() = FALSE"];
}

</mscgen

PlantUML

// PlantUML
// sudo wget https://downloads.sourceforge.net/project/plantuml/plantuml.jar -P /usr/share/java
// wget http://beta.plantuml.net/plantuml-jlatexmath.zip && sudo unzip plantuml-jlatexmath.zip -d /usr/share/java
$wgExternalDataSources['plantuml'] = [
	'name'              => 'PlantUML',
	'program url'       => 'https://plantuml.com',
	'version command'   => 'java -jar /usr/share/java/plantuml.jar -version',
	'command'           => 'java -jar /usr/share/java/plantuml.jar -tsvg -charset UTF-8 -p',
	'env'			=> [ 'LOG4J_FORMAT_MSG_NO_LOOKUPS' => true ],
	'limits'            => [ 'memory' => 0 ],
	'params'            => [ 'uml' ],
	'input'             => 'uml',
	'preprocess'        => 'EDConnectorExe::wikilinks4uml',
	'postprocess'       => 'EDConnectorExe::innerXML',
	'min cache seconds' => 30 * 24 * 60 * 60,
	'tag'               => 'plantuml'
];

<plantuml>@startuml
 participant User
 User -> A: DoWork
 activate A #FFBBBB
 A -> A: Internal call
 activate A #DarkSalmon
 A -> B: << createRequest >>
 activate B
 B --> A: RequestCreated
 deactivate B
 deactivate A
 A -> User: Done
 deactivate A
 @enduml</plantuml>

ploticus

// ploticus
// sudo apt install ploticus
$wgExternalDataSources['ploticus'] = [
	'name'              => 'ploticus',
	'program url'       => 'http://ploticus.sourceforge.net/doc/welcome.html',
	'version'           => 'ploticus 2.42-May2013 (unix).  This build can produce: PS EPS SVG SVGZ X11 PNG JPEG WBMP FreeType2. Copyright 1998-2009 Steve Grubb',
	'command'           => 'ploticus -stdin -scale $scale$ -textsize $fontsize$ -svg -omit_xml_declaration -xml_encoding utf-8 -noshell -csmap -o stdout',
	'env'               => [ 'TDH_ERRMODE' => 'cgi' ],
	'params'            => [ 'scale' => 1, 'fontsize' => 1 ],
	'param filters'     => [ 'scale' => '/^\d+(\.\d+)?$/', 'fontsize' => '/^\d+(\.\d+)?$/' ],
	'input'             => 'script',
	'postprocess'       => 'EDConnectorExe::innerXML',
	'min cache seconds' => 30 * 24 * 60 * 60,
	'tag'               => 'ploticus'
];

<ploticus scale="2" fontsize="20">#setifnotgiven CGI = "http://ploticus.sourceforge.net/cgi-bin/showcgiargs"

 #proc getdata
 data:
   DBC	8:00	9:00	"Good morning, Fatherland!"
   NBC	8:00	9:00	"Windon Water"
   NBC  9:00	9:30	"Encore! Encore!"
   NBC  9:30	10:00	"Conrad loom"
   NBC	10:00	11:00	"Trinity"
   ABC	8:00	8:30	"Secret Lives"
   ABC	8:30	9:00	"Sports Night"
   ABC	9:00	11:00	"Movie of the Week"
   CBS	8:00	8:30	"Cosby"
   CBS	8:30	9:00	"Kids say..."
   CBS	9:00	10:00	"Charmed"
   CBS	10:00	11:00	"To have and to Hold"

 #proc areadef
   title: Evening television schedule
   rectangle: 1 1 5 2
   xscaletype: time
   xrange: 08:00 11:00
   yscaletype: categories
   ycategories: 
        DBC
	NBC
	ABC
	CBS

 #proc xaxis
   stubs: inc 1 hours

 #proc yaxis
   stubs: categories

 #proc bars
   clickmapurl: /@4
   color: powderblue2
   axis: x
   locfield: 1
   segmentfields: 2 3
   labelfield: 4
   longwayslabel: yes
   labeldetails: align=left size=4</ploticus>

gnuplot

// gnuplot
// sudo apt install gnuplot
// cd /var/www/js && mkdir gnuplot && cd gnuplot && wget http://gnuplot.sourceforge.net/demo_svg_5.4/gnuplot_svg.js
$wgExternalDataSources['gnuplot'] = [
	'name'              => 'gnuplot',
	'program url'       => 'http://www.gnuplot.info/',
	'version command'   => 'gnuplot -V',
	'command'           => [ 'gnuplot', '-e', 'set terminal svg size $width$,$height$ dynamic enhanced '
	                        . 'font \'arial,$size$\' mousing jsdir \'/js/gnuplot\' name \'$name$\' $heads$ dashlength 1.0; ', '-' ],
	'params'            => [ 'width' => 600, 'height' => 400, 'size' => 10, 'name' => 'gnuplot', 'heads' => 'butt' ],
	'param filters'     => [ 'width' => '/^\d+$/', 'height' => '/^\d+$/', 'size' => '/^\d+$/', 'heads' => '/^(rounded|butt|square)$/' ],
	'input'             => 'script',
	'postprocess'       => 'EDConnectorExe::innerXML',
	'min cache seconds' => 30 * 24 * 60 * 60,
	'tag'               => 'gnuplot'
];

<gnuplot>set dummy u, v
 set key bmargin center horizontal Right noreverse enhanced autotitle nobox
 set parametric
 set view 45, 50, 1, 1
 set isosamples 50, 10
 set hidden3d back offset 1 trianglepattern 3 undefined 1 altdiagonal bentover
 set style data lines
 set ztics  norangelimit -1.00000,0.25,1.00000
 set title "Parametric Sphere" 
 set urange [ -1.57080 : 1.57080 ] noreverse nowriteback
 set vrange [ 0.00000 : 6.28319 ] noreverse nowriteback
 set xrange [ * : * ] noreverse writeback
 set x2range [ * : * ] noreverse writeback
 set yrange [ * : * ] noreverse writeback
 set y2range [ * : * ] noreverse writeback
 set zrange [ * : * ] noreverse writeback
 set cbrange [ * : * ] noreverse writeback
 et rrange [ * : * ] noreverse writeback
 set colorbox vertical origin screen 0.9, 0.2 size screen 0.05, 0.6 front  noinvert bdefault
 VoxelDistance = 9.00500479207635e-308
 #NO_ANIMATION = 1
 splot cos(u)*cos(v),cos(u)*sin(v),sin(u)</gnuplot>

LilyPond

// LilyPond
// sudo apt install lilypond
$wgExternalDataSources['lilypond'] = [
	'name'              => 'LilyPond',
	'program url'       => 'http://lilypond.org/',
	'version command'   => 'lilypond -v',
	'command'           => 'lilypond -dbackend=svg -dpaper-size="$size$" -dsafe -dcrop -o $tmp$ -',
	'temp'              => '$tmp$.cropped.svg',
	'ignore warnings'   => true,
	'params'            => [ 'size' => 'a4' ],
	'param filters'     => [ 'size' => '/^\w+$/' ],
	'input'             => 'score',
	'min cache seconds' => 30 * 24 * 60 * 60,
	'tag'               => 'score'
];

<score>\layout {
  indent = 0\mm
  line-width = 110\mm
  oddHeaderMarkup = ""
  evenHeaderMarkup = ""
  oddFooterMarkup = ""
  evenFooterMarkup = ""
}

\relative c' { f d f a d f e d cis a cis e a g f e }</score>

Vega

// Vega
// In /var/www/js
// npm install vega-cli vega-embed vega-lite vega-projection-extended
// /var/www/js/vega/config.json
/*
{
	"locale": {
	"number": {
		"decimal": ",",
			"thousands": "\u00a0",
			"grouping": [3],
			"currency": ["", "\u00a0₽"]
		},
		"time": {
		"dateTime": "%A, %e %B %Y г. %X",
			"date": "%d.%m.%Y",
			"time": "%H:%M:%S",
			"periods": ["AM", "PM"],
			"days": ["воскресенье", "понедельник", "вторник", "среда", "четверг", "пятница", "суббота"],
			"shortDays": ["вс", "пн", "вт", "ср", "чт", "пт", "сб"],
			"months": ["января", "февраля", "марта", "апреля", "мая", "июня", "июля", "августа", "сентября", "октября", "ноября", "декабря"],
			"shortMonths": ["янв", "фев", "мар", "апр", "май", "июн", "июл", "авг", "сен", "окт", "ноя", "дек"]
		}
	}
}
*/
$wgExternalDataSources['vega'] = [
	'name'              => 'Vega',
	'program url'       => 'https://vega.github.io',
	'version command'   => '/var/www/js/node_modules/vega-cli/bin/vg2svg --version',
	'command'           => "/var/www/js/node_modules/vega-cli/bin/vg2svg -c /var/www/js/vega/config.json -b $wgUploadDirectory",
	'params'            => [ 'json', 'width' => 600, 'height' => 600 ],
	'param filters'     => [
		'json' => static function( string $json ) {
			return is_array( $json ) || is_string( $json ) && json_decode( $json );
		},
		'width' => '/^\d+$/', 'height' => '/^\d+$/',
	],
	'input'             => 'json',
	'preprocess'        => function( $json ) {
		return is_array( $json ) ? json_encode( $json ) : $json;
	},
	'postprocess'       => static function ( $svg, array $params ) {
		$json = $params['json'];
		$id = hash( 'fnv1a64', $json );
		if ( is_string ( $json ) ) {
			// Decode JSON.
			$result = \FormatJson::parse( $json, FormatJson::TRY_FIXING | FormatJson::STRIP_COMMENTS );
			if ( !$result->isOK() ) {
				return EDParserFunctions::formatErrorMessages( 'JSON could not be parsed' );
			}
			$parsed = $result->getValue();
			if ( !is_object( $parsed ) ) {
				return EDParserFunctions::formatErrorMessages( 'Parsed JSON is not an object' );
			}
		} else {
			$parsed = $json;
		}
		// Encode JSON back.
		$json = html_entity_decode( \FormatJSON::encode( $parsed, false, \FormatJSON::ALL_OK ) );
		if ( $params['width'] && $params['height'] ) {
			$style = "min-width:{$params['width']}; min-height:{$params['height']}";
		} else {
			$style ='';
		}
		return <<<HTML
<div class="vega" id="id_$id" style="$style">$svg</div>
HTML . "\n" . Html::inlineScript( <<<SCRIPT
(function () {
// Some bug injects &amp; and &#160; into json values.
const removeEntities = function ( json ) {
	const nbsp = /&#160;/g;
	const amp = /&amp;/g;
	if ( typeof json === 'string' || json instanceof String ) {
		json = json.replace( nbsp, ' ' ).replace( amp, '&' );
	} else if ( Array.isArray( json ) || typeof json === 'object' ) {
		for ( key in json ) {
			json[key] = removeEntities( json[key] );
		}
	}
	return json;
}
const spec = removeEntities( $json );
var waitForJQuery = setInterval( function() {
	if ( typeof $!== 'undefined' ) {
		$.when(
		    mw.loader.getScript( '/js/node_modules/vega/build/vega.min.js' ),
		    mw.loader.getScript( '/js/node_modules/vega-lite/build/vega-lite.min.js' ),
		    mw.loader.getScript( '/js/node_modules/vega-embed/build/vega-embed.min.js' ),
		).then(
		    function () {
				vegaEmbed( '#id_$id', spec ).then( function( result ) {
					console.log( 'vegaEmbed result: ' + result );
				} ).catch( function( error ) {
					mw.log.error( error );
				});
		    },
		    function ( e ) {
		        // A script failed, and is not available
		        mw.log.error( e.message ); // => "Failed to load script"
		    }
		);
		clearInterval( waitForJQuery );
	}
}, 10 );
} )();
SCRIPT );
	},
	'min cache seconds' => 30 * 24 * 60 * 60,
	'tag'               => 'graph'
];

{{#tag:graph|{
  "$schema": "https://vega.github.io/schema/vega/v5.json",
  "description": "A configurable map of countries of the world.",
  "width": 900,
  "height": 500,
  "autosize": "none",

  "signals": [
    {
      "name": "type",
      "value": "mercator",
      "bind": {
        "input": "select",
        "options": [
          "albers",
          "albersUsa",
          "azimuthalEqualArea",
          "azimuthalEquidistant",
          "conicConformal",
          "conicEqualArea",
          "conicEquidistant",
          "equalEarth",
          "equirectangular",
          "gnomonic",
          "mercator",
          "naturalEarth1",
          "orthographic",
          "stereographic",
          "transverseMercator"
        ]
      }
    },
    { "name": "scale", "value": 150,
      "bind": {"input": "range", "min": 50, "max": 2000, "step": 1} },
    { "name": "rotate0", "value": 0,
      "bind": {"input": "range", "min": -180, "max": 180, "step": 1} },
    { "name": "rotate1", "value": 0,
      "bind": {"input": "range", "min": -90, "max": 90, "step": 1} },
    { "name": "rotate2", "value": 0,
      "bind": {"input": "range", "min": -180, "max": 180, "step": 1} },
    { "name": "center0", "value": 0,
      "bind": {"input": "range", "min": -180, "max": 180, "step": 1} },
    { "name": "center1", "value": 0,
      "bind": {"input": "range", "min": -90, "max": 90, "step": 1} },
    { "name": "translate0", "update": "width / 2" },
    { "name": "translate1", "update": "height / 2" },

    { "name": "graticuleDash", "value": 0,
      "bind": {"input": "radio", "options": [0, 3, 5, 10]} },
    { "name": "borderWidth", "value": 1,
      "bind": {"input": "text"} },
    { "name": "background", "value": "#ffffff",
      "bind": {"input": "color"} },
    { "name": "invert", "value": false,
      "bind": {"input": "checkbox"} }
  ],

  "projections": [
    {
      "name": "projection",
      "type": {"signal": "type"},
      "scale": {"signal": "scale"},
      "rotate": [
        {"signal": "rotate0"},
        {"signal": "rotate1"},
        {"signal": "rotate2"}
      ],
      "center": [
        {"signal": "center0"},
        {"signal": "center1"}
      ],
      "translate": [
        {"signal": "translate0"},
        {"signal": "translate1"}
      ]
    }
  ],

  "data": [
    {
      "name": "world",
      "url": "https:{{filepath:World-110m.json}}",
      "format": {
        "type": "topojson",
        "feature": "countries"
      }
    },
    {
      "name": "graticule",
      "transform": [
        { "type": "graticule" }
      ]
    }
  ],

  "marks": [
    {
      "type": "shape",
      "from": {"data": "graticule"},
      "encode": {
        "update": {
          "strokeWidth": {"value": 1},
          "strokeDash": {"signal": "[+graticuleDash, +graticuleDash]"},
          "stroke": {"signal": "invert ? '#444' : '#ddd'"},
          "fill": {"value": null}
        }
      },
      "transform": [
        { "type": "geoshape", "projection": "projection" }
      ]
    },
    {
      "type": "shape",
      "from": {"data": "world"},
      "encode": {
        "update": {
          "strokeWidth": {"signal": "+borderWidth"},
          "stroke": {"signal": "invert ? '#777' : '#bbb'"},
          "fill": {"signal": "invert ? '#fff' : '#000'"},
          "zindex": {"value": 0}
        },
        "hover": {
          "strokeWidth": {"signal": "+borderWidth + 1"},
          "stroke": {"value": "firebrick"},
          "zindex": {"value": 1}
        }
      },
      "transform": [
        { "type": "geoshape", "projection": "projection" }
      ]
    }
  ]
 }
}}

mermaid

// in /var/www/js: npm install @mermaid-js/mermaid-cli
$wgExternalDataSources  ['mermaid'] = [
	'name'              => 'mermaid', // need fallback to data source in version report.
	'command'           => '/var/www/js/node_modules/.bin/mmdc -w $width$ -H $height$ -t $theme$ -b $background$',
	'limits'            => [ 'memory' => 0 ],
	'version command'   => '/var/www/js/node_modules/.bin/mmdc -V',
	'program url'       => 'https://mermaid-js.github.io',
	'params'            => [ 'mmd', 'width' => '800', 'height' => '600', 'theme' => 'default', 'background' => 'white' ],
	'param filters'     => [ 'width' => '/^\d+$/', 'height' => '/^\d+$/', 'theme' => '/^(default|forest|dark|neutral)$/i', 'background' => '/^(\w+|\#[0-9A-F]{6})$/i' ],
	'input'             => 'mmd',
	'temp'              => 'out.svg',
	'min cache seconds' => 30 * 24 * 60 * 60,
	'tag'               => 'mermaid'
];

<mermaid theme="forest">sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!
 </mermaid>

BPMN

// In /var/www/js: npm install bpmn-to-image
/* create and chmod +x bpmn:
#!/bin/bash
input=$(mktemp /tmp/XXXXXXXXX.bpmn)
cat > $input
output=$(mktemp /tmp/XXXXXXXXX.svg)
/var/www/js/node_modules/.bin/bpmn-to-image $input:$output --min-dimensions=$1x$2 --scale=$3 --title=$4 --no-footer 1> /dev/null
cat $output
rm $input
rm $output
*/
$wgExternalDataSources['bpmn'] = [
	'name'              => 'BPMN.io',
	'program url'       => 'https://bpmn.io/',
	'version command'   => '/var/www/js/node_modules/.bin/bpmn-to-image --version',
	'command'           => '/var/www/js/bpmn $width$ $height$ $scale$ $title$',
	'limits'            => [ 'memory' => 0 ],
	'params'            => [ 'bpmn', 'width' => 400, 'height' => 300, 'scale' => 1, 'title' => 'BPMN diagram' ],
	'param filters'     => [ 'bpmn' => static function ( string $xml ): bool {
		return (bool)simplexml_load_string( $xml );
	}, 'width' => '/^\d+$/', 'height' => '/^\d+$/', 'scale' => '/^\d+(\.\d+)?$/' ],
	'input'             => 'bpmn',
	'min cache seconds' => 30 * 24 * 60 * 60,
	'tag'               => 'bpmn'
];

<bpmn>

<?xml version="1.0" standalone="yes"?>
<semantic:definitions id="_1275940932088" targetNamespace="http://www.trisotech.com/definitions/_1275940932088" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:di="http://www.omg.org/spec/DD/20100524/DI" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" xmlns:semantic="http://www.omg.org/spec/BPMN/20100524/MODEL">
    <semantic:message id="_1275940932310"/>
    <semantic:message id="_1275940932433"/>
    <semantic:process isExecutable="false" id="_6-1">
        <semantic:laneSet id="ls_6-438">
            <semantic:lane name="clerk" id="_6-650">
                <semantic:flowNodeRef>_6-450</semantic:flowNodeRef>
                <semantic:flowNodeRef>_6-652</semantic:flowNodeRef>
                <semantic:flowNodeRef>_6-674</semantic:flowNodeRef>
                <semantic:flowNodeRef>_6-695</semantic:flowNodeRef>
            </semantic:lane>
            <semantic:lane name="pizza chef" id="_6-446">
                <semantic:flowNodeRef>_6-463</semantic:flowNodeRef>
            </semantic:lane>
            <semantic:lane name="delivery boy" id="_6-448">
                <semantic:flowNodeRef>_6-514</semantic:flowNodeRef>
                <semantic:flowNodeRef>_6-565</semantic:flowNodeRef>
                <semantic:flowNodeRef>_6-616</semantic:flowNodeRef>
            </semantic:lane>
        </semantic:laneSet>
        <semantic:startEvent name="Order received" id="_6-450">
            <semantic:outgoing>_6-630</semantic:outgoing>
            <semantic:messageEventDefinition messageRef="_1275940932310"/>
        </semantic:startEvent>
        <semantic:parallelGateway gatewayDirection="Unspecified" name="" id="_6-652">
            <semantic:incoming>_6-630</semantic:incoming>
            <semantic:outgoing>_6-691</semantic:outgoing>
            <semantic:outgoing>_6-693</semantic:outgoing>
        </semantic:parallelGateway>
        <semantic:intermediateCatchEvent parallelMultiple="false" name="&#8222;where is my pizza?&#8220;" id="_6-674">
            <semantic:incoming>_6-691</semantic:incoming>
            <semantic:incoming>_6-746</semantic:incoming>
            <semantic:outgoing>_6-748</semantic:outgoing>
            <semantic:messageEventDefinition messageRef="_1275940932433"/>
        </semantic:intermediateCatchEvent>
        <semantic:task completionQuantity="1" isForCompensation="false" startQuantity="1" name="Calm customer" id="_6-695">
            <semantic:incoming>_6-748</semantic:incoming>
            <semantic:outgoing>_6-746</semantic:outgoing>
        </semantic:task>
        <semantic:task completionQuantity="1" isForCompensation="false" startQuantity="1" name="Bake the pizza" id="_6-463">
            <semantic:incoming>_6-693</semantic:incoming>
            <semantic:outgoing>_6-632</semantic:outgoing>
        </semantic:task>
        <semantic:task completionQuantity="1" isForCompensation="false" startQuantity="1" name="Deliver the pizza" id="_6-514">
            <semantic:incoming>_6-632</semantic:incoming>
            <semantic:outgoing>_6-634</semantic:outgoing>
        </semantic:task>
        <semantic:task completionQuantity="1" isForCompensation="false" startQuantity="1" name="Receive payment" id="_6-565">
            <semantic:incoming>_6-634</semantic:incoming>
            <semantic:outgoing>_6-636</semantic:outgoing>
        </semantic:task>
        <semantic:endEvent name="" id="_6-616">
            <semantic:incoming>_6-636</semantic:incoming>
            <semantic:terminateEventDefinition/>
        </semantic:endEvent>
        <semantic:sequenceFlow sourceRef="_6-450" targetRef="_6-652" name="" id="_6-630"/>
        <semantic:sequenceFlow sourceRef="_6-463" targetRef="_6-514" name="" id="_6-632"/>
        <semantic:sequenceFlow sourceRef="_6-514" targetRef="_6-565" name="" id="_6-634"/>
        <semantic:sequenceFlow sourceRef="_6-565" targetRef="_6-616" name="" id="_6-636"/>
        <semantic:sequenceFlow sourceRef="_6-652" targetRef="_6-674" name="" id="_6-691"/>
        <semantic:sequenceFlow sourceRef="_6-652" targetRef="_6-463" name="" id="_6-693"/>
        <semantic:sequenceFlow sourceRef="_6-695" targetRef="_6-674" name="" id="_6-746"/>
        <semantic:sequenceFlow sourceRef="_6-674" targetRef="_6-695" name="" id="_6-748"/>
    </semantic:process>
    <semantic:message id="_1275940932198"/>
    <semantic:process isExecutable="false" id="_6-2">
        <semantic:startEvent name="Hungry for pizza" id="_6-61">
            <semantic:outgoing>_6-125</semantic:outgoing>
        </semantic:startEvent>
        <semantic:task completionQuantity="1" isForCompensation="false" startQuantity="1" name="Select a pizza" id="_6-74">
            <semantic:incoming>_6-125</semantic:incoming>
            <semantic:outgoing>_6-178</semantic:outgoing>
        </semantic:task>
        <semantic:task completionQuantity="1" isForCompensation="false" startQuantity="1" name="Order a pizza" id="_6-127">
            <semantic:incoming>_6-178</semantic:incoming>
            <semantic:outgoing>_6-420</semantic:outgoing>
        </semantic:task>
        <semantic:eventBasedGateway eventGatewayType="Exclusive" instantiate="false" gatewayDirection="Unspecified" name="" id="_6-180">
            <semantic:incoming>_6-420</semantic:incoming>
            <semantic:incoming>_6-430</semantic:incoming>
            <semantic:outgoing>_6-422</semantic:outgoing>
            <semantic:outgoing>_6-424</semantic:outgoing>
        </semantic:eventBasedGateway>
        <semantic:intermediateCatchEvent parallelMultiple="false" name="pizza received" id="_6-202">
            <semantic:incoming>_6-422</semantic:incoming>
            <semantic:outgoing>_6-428</semantic:outgoing>
            <semantic:messageEventDefinition messageRef="_1275940932198"/>
        </semantic:intermediateCatchEvent>
        <semantic:intermediateCatchEvent parallelMultiple="false" name="60 minutes" id="_6-219">
            <semantic:incoming>_6-424</semantic:incoming>
            <semantic:outgoing>_6-426</semantic:outgoing>
            <semantic:timerEventDefinition>
                <semantic:timeDate/>
            </semantic:timerEventDefinition>
        </semantic:intermediateCatchEvent>
        <semantic:task completionQuantity="1" isForCompensation="false" startQuantity="1" name="Ask for the pizza" id="_6-236">
            <semantic:incoming>_6-426</semantic:incoming>
            <semantic:outgoing>_6-430</semantic:outgoing>
        </semantic:task>
        <semantic:task completionQuantity="1" isForCompensation="false" startQuantity="1" name="Pay the pizza" id="_6-304">
            <semantic:incoming>_6-428</semantic:incoming>
            <semantic:outgoing>_6-434</semantic:outgoing>
        </semantic:task>
        <semantic:task completionQuantity="1" isForCompensation="false" startQuantity="1" name="Eat the pizza" id="_6-355">
            <semantic:incoming>_6-434</semantic:incoming>
            <semantic:outgoing>_6-436</semantic:outgoing>
        </semantic:task>
        <semantic:endEvent name="Hunger satisfied" id="_6-406">
            <semantic:incoming>_6-436</semantic:incoming>
        </semantic:endEvent>
        <semantic:sequenceFlow sourceRef="_6-61" targetRef="_6-74" name="" id="_6-125"/>
        <semantic:sequenceFlow sourceRef="_6-74" targetRef="_6-127" name="" id="_6-178"/>
        <semantic:sequenceFlow sourceRef="_6-127" targetRef="_6-180" name="" id="_6-420"/>
        <semantic:sequenceFlow sourceRef="_6-180" targetRef="_6-202" name="" id="_6-422"/>
        <semantic:sequenceFlow sourceRef="_6-180" targetRef="_6-219" name="" id="_6-424"/>
        <semantic:sequenceFlow sourceRef="_6-219" targetRef="_6-236" name="" id="_6-426"/>
        <semantic:sequenceFlow sourceRef="_6-202" targetRef="_6-304" name="" id="_6-428"/>
        <semantic:sequenceFlow sourceRef="_6-236" targetRef="_6-180" name="" id="_6-430"/>
        <semantic:sequenceFlow sourceRef="_6-304" targetRef="_6-355" name="" id="_6-434"/>
        <semantic:sequenceFlow sourceRef="_6-355" targetRef="_6-406" name="" id="_6-436"/>
    </semantic:process>
    <semantic:collaboration id="C1275940932557">
        <semantic:participant name="Pizza Customer" processRef="_6-2" id="_6-53"/>
        <semantic:participant name="Pizza vendor" processRef="_6-1" id="_6-438"/>
        <semantic:messageFlow name="pizza order" sourceRef="_6-127" targetRef="_6-450" id="_6-638"/>
        <semantic:messageFlow name="" sourceRef="_6-236" targetRef="_6-674" id="_6-642"/>
        <semantic:messageFlow name="receipt" sourceRef="_6-565" targetRef="_6-304" id="_6-646"/>
        <semantic:messageFlow name="money" sourceRef="_6-304" targetRef="_6-565" id="_6-648"/>
        <semantic:messageFlow name="pizza" sourceRef="_6-514" targetRef="_6-202" id="_6-640"/>
        <semantic:messageFlow name="" sourceRef="_6-695" targetRef="_6-236" id="_6-750"/>
    </semantic:collaboration>
    <bpmndi:BPMNDiagram documentation="" id="Trisotech.Visio-_6" name="Untitled Diagram" resolution="96.00000267028808">
        <bpmndi:BPMNPlane bpmnElement="C1275940932557">
            <bpmndi:BPMNShape bpmnElement="_6-53" isHorizontal="true" id="Trisotech.Visio__6-53">
                <dc:Bounds height="294.0" width="1044.0" x="12.0" y="12.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-438" isHorizontal="true" id="Trisotech.Visio__6-438">
                <dc:Bounds height="337.0" width="905.0" x="12.0" y="372.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-650" isHorizontal="true" id="Trisotech.Visio__6__6-650">
                <dc:Bounds height="114.0" width="875.0" x="42.0" y="372.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-446" isHorizontal="true" id="Trisotech.Visio__6__6-446">
                <dc:Bounds height="114.0" width="875.0" x="42.0" y="486.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-448" isHorizontal="true" id="Trisotech.Visio__6__6-448">
                <dc:Bounds height="109.0" width="875.0" x="42.0" y="600.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-450" id="Trisotech.Visio__6__6-450">
                <dc:Bounds height="30.0" width="30.0" x="79.0" y="405.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-652" id="Trisotech.Visio__6__6-652">
                <dc:Bounds height="42.0" width="42.0" x="140.0" y="399.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-674" id="Trisotech.Visio__6__6-674">
                <dc:Bounds height="32.0" width="32.0" x="218.0" y="404.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-695" id="Trisotech.Visio__6__6-695">
                <dc:Bounds height="68.0" width="83.0" x="286.0" y="386.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-463" id="Trisotech.Visio__6__6-463">
                <dc:Bounds height="68.0" width="83.0" x="252.0" y="521.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-514" id="Trisotech.Visio__6__6-514">
                <dc:Bounds height="68.0" width="83.0" x="464.0" y="629.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-565" id="Trisotech.Visio__6__6-565">
                <dc:Bounds height="68.0" width="83.0" x="603.0" y="629.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-616" id="Trisotech.Visio__6__6-616">
                <dc:Bounds height="32.0" width="32.0" x="722.0" y="647.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-61" id="Trisotech.Visio__6__6-61">
                <dc:Bounds height="30.0" width="30.0" x="66.0" y="96.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-74" id="Trisotech.Visio__6__6-74">
                <dc:Bounds height="68.0" width="83.0" x="145.0" y="77.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-127" id="Trisotech.Visio__6__6-127">
                <dc:Bounds height="68.0" width="83.0" x="265.0" y="77.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-180" id="Trisotech.Visio__6__6-180">
                <dc:Bounds height="42.0" width="42.0" x="378.0" y="90.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-202" id="Trisotech.Visio__6__6-202">
                <dc:Bounds height="32.0" width="32.0" x="647.0" y="95.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-219" id="Trisotech.Visio__6__6-219">
                <dc:Bounds height="32.0" width="32.0" x="448.0" y="184.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-236" id="Trisotech.Visio__6__6-236">
                <dc:Bounds height="68.0" width="83.0" x="517.0" y="166.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-304" id="Trisotech.Visio__6__6-304">
                <dc:Bounds height="68.0" width="83.0" x="726.0" y="77.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-355" id="Trisotech.Visio__6__6-355">
                <dc:Bounds height="68.0" width="83.0" x="834.0" y="77.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="_6-406" id="Trisotech.Visio__6__6-406">
                <dc:Bounds height="32.0" width="32.0" x="956.0" y="95.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNShape>
            <bpmndi:BPMNEdge bpmnElement="_6-640" messageVisibleKind="initiating" id="Trisotech.Visio__6__6-640">
                <di:waypoint x="506.0" y="629.0"/>
                <di:waypoint x="506.0" y="384.0"/>
                <di:waypoint x="663.0" y="384.0"/>
                <di:waypoint x="663.0" y="127.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-630" id="Trisotech.Visio__6__6-630">
                <di:waypoint x="109.0" y="420.0"/>
                <di:waypoint x="140.0" y="420.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-691" id="Trisotech.Visio__6__6-691">
                <di:waypoint x="182.0" y="420.0"/>
                <di:waypoint x="200.0" y="420.0"/>
                <di:waypoint x="218.0" y="420.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-648" messageVisibleKind="initiating" id="Trisotech.Visio__6__6-648">
                <di:waypoint x="754.0" y="145.0"/>
                <di:waypoint x="754.0" y="408.0"/>
                <di:waypoint x="630.0" y="408.0"/>
                <di:waypoint x="631.0" y="629.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-422" id="Trisotech.Visio__6__6-422">
                <di:waypoint x="420.0" y="111.0"/>
                <di:waypoint x="438.0" y="111.0"/>
                <di:waypoint x="647.0" y="111.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-646" messageVisibleKind="non_initiating" id="Trisotech.Visio__6__6-646">
                <di:waypoint x="658.0" y="629.0"/>
                <di:waypoint x="658.0" y="432.0"/>
                <di:waypoint x="782.0" y="432.0"/>
                <di:waypoint x="782.0" y="145.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-428" id="Trisotech.Visio__6__6-428">
                <di:waypoint x="679.0" y="111.0"/>
                <di:waypoint x="726.0" y="111.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-748" id="Trisotech.Visio__6__6-748">
                <di:waypoint x="250.0" y="420.0"/>
                <di:waypoint x="268.0" y="420.0"/>
                <di:waypoint x="286.0" y="420.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-420" id="Trisotech.Visio__6__6-420">
                <di:waypoint x="348.0" y="111.0"/>
                <di:waypoint x="366.0" y="111.0"/>
                <di:waypoint x="378.0" y="111.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-636" id="Trisotech.Visio__6__6-636">
                <di:waypoint x="686.0" y="663.0"/>
                <di:waypoint x="704.0" y="663.0"/>
                <di:waypoint x="722.0" y="663.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-750" id="Trisotech.Visio__6__6-750">
                <di:waypoint x="328.0" y="386.0"/>
                <di:waypoint x="328.0" y="348.0"/>
                <di:waypoint x="572.0" y="348.0"/>
                <di:waypoint x="572.0" y="234.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-436" id="Trisotech.Visio__6__6-436">
                <di:waypoint x="918.0" y="111.0"/>
                <di:waypoint x="936.0" y="111.0"/>
                <di:waypoint x="956.0" y="111.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-632" id="Trisotech.Visio__6__6-632">
                <di:waypoint x="335.0" y="555.0"/>
                <di:waypoint x="353.0" y="555.0"/>
                <di:waypoint x="353.0" y="663.0"/>
                <di:waypoint x="464.0" y="663.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-634" id="Trisotech.Visio__6__6-634">
                <di:waypoint x="548.0" y="663.0"/>
                <di:waypoint x="603.0" y="663.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-125" id="Trisotech.Visio__6__6-125">
                <di:waypoint x="96.0" y="111.0"/>
                <di:waypoint x="114.0" y="111.0"/>
                <di:waypoint x="145.0" y="111.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-430" id="Trisotech.Visio__6__6-430">
                <di:waypoint x="600.0" y="200.0"/>
                <di:waypoint x="618.0" y="200.0"/>
                <di:waypoint x="618.0" y="252.0"/>
                <di:waypoint x="576.0" y="252.0"/>
                <di:waypoint x="549.0" y="252.0"/>
                <di:waypoint x="360.0" y="252.0"/>
                <di:waypoint x="360.0" y="111.0"/>
                <di:waypoint x="378.0" y="111.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-642" id="Trisotech.Visio__6__6-642">
                <di:waypoint x="545.0" y="234.0"/>
                <di:waypoint x="545.0" y="324.0"/>
                <di:waypoint x="234.0" y="324.0"/>
                <di:waypoint x="234.0" y="404.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-424" id="Trisotech.Visio__6__6-424">
                <di:waypoint x="399.0" y="132.0"/>
                <di:waypoint x="399.0" y="200.0"/>
                <di:waypoint x="448.0" y="200.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-638" messageVisibleKind="initiating" id="Trisotech.Visio__6__6-638">
                <di:waypoint x="306.0" y="145.0"/>
                <di:waypoint x="306.0" y="252.0"/>
                <di:waypoint x="94.0" y="252.0"/>
                <di:waypoint x="94.0" y="405.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-426" id="Trisotech.Visio__6__6-426">
                <di:waypoint x="480.0" y="200.0"/>
                <di:waypoint x="498.0" y="200.0"/>
                <di:waypoint x="517.0" y="200.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-693" id="Trisotech.Visio__6__6-693">
                <di:waypoint x="161.0" y="441.0"/>
                <di:waypoint x="161.0" y="556.0"/>
                <di:waypoint x="252.0" y="555.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-178" id="Trisotech.Visio__6__6-178">
                <di:waypoint x="228.0" y="111.0"/>
                <di:waypoint x="265.0" y="111.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="_6-746" id="Trisotech.Visio__6__6-746">
                <di:waypoint x="370.0" y="420.0"/>
                <di:waypoint x="386.0" y="420.0"/>
                <di:waypoint x="386.0" y="474.0"/>
                <di:waypoint x="191.0" y="474.0"/>
                <di:waypoint x="191.0" y="420.0"/>
                <di:waypoint x="218.0" y="420.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>

            <bpmndi:BPMNEdge bpmnElement="_6-434" id="Trisotech.Visio__6__6-434">
                <di:waypoint x="810.0" y="111.0"/>
                <di:waypoint x="834.0" y="111.0"/>
                <bpmndi:BPMNLabel/>
            </bpmndi:BPMNEdge>
        </bpmndi:BPMNPlane>
    </bpmndi:BPMNDiagram>
</semantic:definitions>

Apache ECharts

// ECharts:
/* in /var/www/js:
npm install echarts --save
mkdir echarts
echo | echarts/echarts.js <<ECHARTS
const echarts = require( 'echarts' );

// Parameters:
let width = 400;
let height = 300;

process.stdin.on('data', ( data ) => {
	// Parameters:
	let width = 400;
	let height = 300;
	process.argv.forEach( ( val, index, array ) => {
		let matches = val.match( /(width|height)\s*=\s*(\d+)/ );
		if ( matches ) {
			if ( matches[1] === 'width' ) {
				width = parseInt( matches[2] );
			} else if ( matches[1] === 'height' ) {
				height = parseInt( matches[2] );
			}
		}
	});
	// In SSR mode the first container parameter is not required
	let chart = echarts.init( null, null, {
		renderer: 'svg', // must use SVG rendering mode
		ssr: true, // enable SSR
		width: width,
		height: height
	});
	// Use setOption as normal
	chart.setOption( JSON.parse( data ) );
	// Output a string
	console.log( chart.renderToSVGString() );
	// If chart is no longer useful, consider dispose it to release memory.
	chart.dispose();
	chart = null;
});
ECHARTS
*/
$wgExternalDataSources['echarts'] = [
	'name'              => 'ECharts',
	'program url'       => 'https://echarts.apache.org',
	'version command'   => 'npm -v echarts',
	'command'           => 'node /var/www/js/echarts/echarts.js width=$width$ height=$height$ < echart.json',
	'limits'            => [ 'memory' => 0 ],
	'params'            => [ 'chart', 'width' => 400, 'height' => 300 ],
	'param filters'     => [ 'chart' => static function( string $json ): bool {
		return is_array( $json ) || is_string( $json ) && json_decode( $json );
	}, 'width' => '/^\d+$/', 'height' => '/^\d+$/' ],
	'input'             => 'chart',
	'min cache seconds' => 30 * 24 * 60 * 60,
	'tag'               => 'echarts'
];

<echarts width="400" height="400">{ "tooltip": { "trigger": "item", "formatter": "{a} <br/>{b}: {c} ({d}%)" }, "legend": { "data": [ "Direct", "Marketing", "Search Engine", "Email", "Union Ads", "Video Ads", "Baidu", "Google", "Bing", "Others" ] }, "series": [ { "name": "Access From", "type": "pie", "selectedMode": "single", "radius": [0, "30%"], "label": { "position": "inner", "fontSize": 14 }, "labelLine": { "show": false }, "data": [ { "value": 1548, "name": "Search Engine" }, { "value": 775, "name": "Direct" }, { "value": 679, "name": "Marketing", "selected": true } ] }, { "name": "Access From", "type": "pie", "radius": ["45%", "60%"], "labelLine": { "length": 30 }, "label": { "formatter": "{a|{a}}{abg|}\n{hr|}\n {b|{b}：}{c} {per|{d}%} ", "backgroundColor": "#F6F8FC", "borderColor": "#8C8D8E", "borderWidth": 1, "borderRadius": 4, "rich": { "a": { "color": "#6E7079", "lineHeight": 22, "align": "center" }, "hr": { "borderColor": "#8C8D8E", "width": "100%", "borderWidth": 1, "height": 0 }, "b": { "color": "#4C5058", "fontSize": 14, "fontWeight": "bold", "lineHeight": 33 }, "per": { "color": "#fff", "backgroundColor": "#4C5058", "padding": [3, 4], "borderRadius": 4 } } }, "data": [ { "value": 1048, "name": "Baidu" }, { "value": 335, "name": "Direct" }, { "value": 310, "name": "Email" }, { "value": 251, "name": "Google" }, { "value": 234, "name": "Union Ads" }, { "value": 147, "name": "Bing" }, { "value": 135, "name": "Video Ads" }, { "value": 102, "name": "Others" } ] } ] }</echarts>

Традиция:Test/ED/exe

Навигация

Поиск