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 Developer

Samir Jose Osorio Gil

BackendFrontendArquitectura

Participó en el diseño e implementación del sistema, incluyendo la construcción de la API REST, la lógica de procesamiento de gramáticas y el desarrollo de la interfaz en Remix. También contribuyó en la definición de la arquitectura y la integración entre frontend y backend.

Isabella Builtrago Usuga

Frontend & UX/UI

Isabella Builtrago Usuga

FrontendUX/UITesting

Apoyó en el desarrollo de la interfaz de usuario, la organización de flujos de interacción y la validación funcional del sistema. Participó en pruebas, revisión de casos de uso y documentació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.