G

Grammar Studio

Parser visual

Gramática, derivación y árbol

Parser moderno para gramáticas.

Escribe, genera y visualiza. Soporta formato académico y BNF.

Ejemplo rápido

Entrada

E = E + T | T
n + n

Salida

Derivación paso a paso y árbol de análisis sintáctico.

Info

¿Cómo funciona?

Un parser visual que convierte tus gramáticas en derivaciones y árboles de análisis sintáctico.

Gramática

Define las reglas de tu lenguaje. Soporta formato académico (E = E + T) y BNF tradicional.

Derivación

Visualiza paso a paso cómo se genera una expresión. Elige derivación izquierda o derecha.

Árbol de Derivación

Mira la estructura jerárquica de cómo se parsea tu expresión con el árbol sintáctico.

Características incluidas

Todo lo que necesitas para analizar y visualizar gramáticas:

Reconocimiento óptico de gramáticas (OCR)
Exporta árbol como PNG
Detecta gramáticas ambiguas
Exporta derivación paso a paso
Ejemplos predefinidos editables
Soporte para ambiguedad y múltiples árboles

Sobre gramáticas y derivación

Una gramática libre de contexto (CFG) es un conjunto de reglas que define un lenguaje. Cada regla especifica cómo un símbolo no-terminal puede ser reemplazado por una secuencia de símbolos.

La derivación es el proceso de generar una expresión aplicando las reglas de la gramática. Puedes hacer derivación izquierda (expandiendo el símbolo no-terminal más a la izquierda) o derecha (expandiendo el más a la derecha).

El árbol de derivación es una representación gráfica de cómo se genera la expresión. Cada nodo es un símbolo, y los arcos muestran qué regla se aplicó.

Team

Somos dos

Colaboración y dedicación en cada línea de código.

Samir Jose Osorio Gil

Full Stack

Samir Jose Osorio Gil

BackendFrontendProject Manager

Líder del proyecto. Desarrollo completo de la API REST, lógica del parser con NLTK, interfaz de usuario con React/Remix, gestión del proyecto y arquitectura general del sistema.

Integrante

Apoyo

Integrante

TestingDocumentación

Soporte en pruebas unitarias, validación de casos de uso, documentación técnica y preparación de la presentación del proyecto.

Herramienta

Genera el análisis

Solo gramática, derivación y árbol.

Ejemplos:

Arrastra imagen o haz clic

Arrastra imagen o haz clic

Derivación

step by step

Aquí verás los pasos.

Árbol

Árbol de derivación

react-d3-tree
Ejecuta el análisis para ver el árbol.