C4 Diagrams, Zenuml y Sankey diagrams aún no son compatibles en Discourse

De la lista experimental de mermaid[1], parece que C4 Diagrams, Zenuml y Sankey diagrams aún no son compatibles en Discourse. Ninguno de estos es crítico para nosotros, pero sería bueno tenerlos si es una modificación trivial.

C4

      title Diagrama de contexto del sistema para el Sistema de Banca por Internet
      Enterprise_Boundary(b0, "Límite de la Empresa0") {
        Person(customerA, "Cliente Bancario A", "Un cliente del banco, con cuentas bancarias personales.")
        Person(customerB, "Cliente Bancario B")
        Person_Ext(customerC, "Cliente Bancario C", "desc")

        Person(customerD, "Cliente Bancario D", "Un cliente del banco, \u003cbr/\u003e con cuentas bancarias personales.")

        System(SystemAA, "Sistema de Banca por Internet", "Permite a los clientes ver información sobre sus cuentas bancarias y realizar pagos.")

        Enterprise_Boundary(b1, "Límite Bancario") {

          SystemDb_Ext(SystemE, "Sistema Bancario Central", "Almacena toda la información bancaria central sobre clientes, cuentas, transacciones, etc.")

          System_Boundary(b2, "Límite Bancario2") {
            System(SystemA, "Sistema Bancario A")
            System(SystemB, "Sistema Bancario B", "Un sistema del banco, con cuentas bancarias personales. siguiente línea.")
          }

          System_Ext(SystemC, "Sistema de correo electrónico", "El sistema interno de correo electrónico de Microsoft Exchange.")
          SystemDb(SystemD, "Base de datos del Sistema Bancario D", "Un sistema del banco, con cuentas bancarias personales.")

          Boundary(b3, "Límite Bancario3", "límite") {
            SystemQueue(SystemF, "Cola del Sistema Bancario F", "Un sistema del banco.")
            SystemQueue_Ext(SystemG, "Cola del Sistema Bancario G", "Un sistema del banco, con cuentas bancarias personales.")
          }
        }
      }

      BiRel(customerA, SystemAA, "Usa")
      BiRel(SystemAA, SystemE, "Usa")
      Rel(SystemAA, SystemC, "Envía correos electrónicos", "SMTP")
      Rel(SystemC, customerA, "Envía correos electrónicos a")

      UpdateElementStyle(customerA, $fontColor="red", $bgColor="grey", $borderColor="red")
      UpdateRelStyle(customerA, SystemAA, $textColor="blue", $lineColor="blue", $offsetX="5")
      UpdateRelStyle(SystemAA, SystemE, $textColor="blue", $lineColor="blue", $offsetY="-10")
      UpdateRelStyle(SystemAA, SystemC, $textColor="blue", $lineColor="blue", $offsetY="-40", $offsetX="-50")
      UpdateRelStyle(SystemC, customerA, $textColor="red", $lineColor="red", $offsetX="-50", $offsetY="20")

      UpdateLayoutConfig($c4ShapeInRow="3", $c4BoundaryInRow="1")

ZenUML

zenuml
    title Demo
    Alice->John: Hola John, ¿cómo estás?
    John->Alice: ¡Genial!
    Alice->John: ¡Hasta luego!

Sankey

sankey-beta

Residuos agrícolas,Bio-conversión,124.729
Bio-conversión,Líquido,0.597
Bio-conversión,Pérdidas,26.862
Bio-conversión,Sólido,280.322
Bio-conversión,Gas,81.144
Importaciones de biocombustibles,Líquido,35
Importaciones de biomasa,Sólido,35
Importaciones de carbón,Carbón,11.606
Reservas de carbón,Carbón,63.965
Carbón,Sólido,75.571
Calefacción urbana,Industria,10.639
Calefacción urbana,Calefacción y refrigeración - comercial,22.505
Calefacción urbana,Calefacción y refrigeración - hogares,46.184
Red eléctrica,Sobregeneración / exportaciones,104.453
Red eléctrica,Calefacción y refrigeración - hogares,113.726
Red eléctrica,Conversión H2,27.14
Red eléctrica,Industria,342.165
Red eléctrica,Transporte por carretera,37.797
Red eléctrica,Agricultura,4.412
Red eléctrica,Calefacción y refrigeración - comercial,40.858
Red eléctrica,Pérdidas,56.691
Red eléctrica,Transporte ferroviario,7.863
Red eléctrica,Iluminación y electrodomésticos - comercial,90.008
Red eléctrica,Iluminación y electrodomésticos - hogares,93.494
Importaciones de gas,Ngas,40.719
Reservas de gas,Ngas,82.233
Gas,Calefacción y refrigeración - comercial,0.129
Gas,Pérdidas,1.401
Gas,Generación térmica,151.891
Gas,Agricultura,2.096
Gas,Industria,48.58
Geotérmica,Red eléctrica,7.013
Conversión H2,H2,20.897
Conversión H2,Pérdidas,6.242
H2,Transporte por carretera,20.897
Hidroeléctrica,Red eléctrica,6.995
Líquido,Industria,121.066
Líquido,Transporte marítimo internacional,128.69
Líquido,Transporte por carretera,135.835
Líquido,Aviación doméstica,14.458
Líquido,Aviación internacional,206.267
Líquido,Agricultura,3.64
Líquido,Navegación nacional,33.218
Líquido,Transporte ferroviario,4.413
Algas marinas,Bio-conversión,4.375
Ngas,Gas,122.952
Nuclear,Generación térmica,839.978
Importaciones de petróleo,Petróleo,504.287
Reservas de petróleo,Petróleo,107.703
Petróleo,Líquido,611.99
Residuos orgánicos,Sólido,56.587
Residuos orgánicos,Bio-conversión,77.81
Calefacción por bombeo,Calefacción y refrigeración - hogares,193.026
Calefacción por bombeo,Calefacción y refrigeración - comercial,70.672
Energía solar fotovoltaica,Red eléctrica,59.901
Energía solar térmica,Calefacción y refrigeración - hogares,19.263
Solar,Energía solar térmica,19.263
Solar,Energía solar fotovoltaica,59.901
Sólido,Agricultura,0.882
Sólido,Generación térmica,400.12
Sólido,Industria,46.477
Generación térmica,Red eléctrica,525.531
Generación térmica,Pérdidas,787.129
Generación térmica,Calefacción urbana,79.329
Mareomotriz,Red eléctrica,9.452
Bioenergía terrestre del Reino Unido,Bio-conversión,182.01
Undimotriz,Red eléctrica,19.013
Eólica,Red eléctrica,289.366

  1. ↩︎

4 Me gusta

Actualicé el js a la última versión esta semana, lo marcaré para dentro de 2 meses y volveré a actualizarlo una vez que la propiedad de la función esté disponible.

(O avísame una vez que esté disponible en una versión pública)

4 Me gusta