html 🌊 Mermaidjs Renderização | Nullcore
Pule para o conteúdo principal

🌊 Mermaidjs Suporte em Web Nullcore

Visão geral

O Nullcore suporta a renderização de diagramas de Mermaidjs visualmente atraentes, fluxogramas, gráficos de pizza e muito mais, diretamente na interface de bate -papo. A MermaidJS é uma ferramenta poderosa para visualizar informações e idéias complexas e, quando combinadas com os recursos de um grande modelo de idioma (LLM), pode ser uma ferramenta poderosa para gerar e explorar novas idéias.

Usando Mermaidjs em Web Open

Para gerar um diagrama de Mermaidjs, basta pedir a um LLM em qualquer bate -papo para criar um diagrama ou gráfico usando o Mermaidjs. Por exemplo, você pode pedir ao LLM para:

  • "Crie um fluxograma para um processo simples de tomada de decisão para mim usando a sereia. Explique como o fluxograma funciona".
  • "Use a sereia para visualizar uma árvore de decisão para determinar se é adequado dar um passeio lá fora".

Observe que, para que a resposta do LLM seja renderizada corretamente, ele deve começar com a palavramermaidseguido pelo código MermaidJS. Você pode referenciar oDocumentação de MermaidjsPara garantir que a sintaxe esteja correta e forneça instruções estruturadas ao LLM para guiá -la para gerar uma melhor sintaxe de Mermaidjs.

Visualizando o Código Mermaidjs diretamente no chat

Quando você solicita uma visualização de MermaidJS, o Modelo de Linguagem Grande (LLM) gera o código necessário. O Nullcore renderizará automaticamente a visualização diretamente na interface de bate -papo, desde que o código use sintaxe válida de Mermaidjs.

Se o modelo gerar sintaxe de Mermaidjs, mas a visualização não renderiza, geralmente indica um erro de sintaxe no código. Não se preocupe - você será notificado de erros assim que a resposta for totalmente gerada. Se isso acontecer, tente referenciar oDocumentação de Mermaidjspara identificar o problema e revisar o prompt de acordo.

Interagindo com sua visualização

Depois que sua visualização for exibida, você pode:

  • Zoom dentro e fora para examiná -lo mais de perto.
  • Copie o código MermaidJS original usado para gerar a visualização clicando no botão Copiar no canto superior direito da área de exibição.

Exemplo

Isso gerará um fluxograma como o seguinte:

StartAncestor [Start]
A [a] -> B [b]
B -> C [Decisão]
C -> | Sim | D [D]
C -> | Não | E [e]
D -> f [f]
E -> f [f]

Experimentar diferentes tipos de diagramas e gráficos pode ajudá -lo a desenvolver uma compreensão mais sutil de como aproveitar efetivamente as sereias no webui aberto. Para modelos menores, considere referenciar oDocumentação de MermaidjsFornecer orientação para o LLM ou resumir a documentação em notas abrangentes ou um prompt do sistema. Seguindo estas diretrizes e explorando os recursos do SeregaidJs, você pode desbloquear todo o potencial dessa ferramenta poderosa em Web Open.