Estoy buscando un control de javascript/CSS de estilo JQuery que permita al usuario profundizar en el funcionamiento de una expresión.Buscando el control web de estilo JQuery para desglosar una estructura de datos de árbol
Por ejemplo, imaginemos que tenemos la siguiente expresión:
(2+3) × (4+5) + Max(22, 31, 16, 62, 40)
Este evaluaría la siguiente manera:
(((2+3)×(4+5))+Max(22, 31, 16, 62, 40)) ⇒ ((5×9)+62) ⇒ (45+62) ⇒ 107
me gustaría presentar estos pasos intermedios de tal manera que el usuario puede profundizar en una rama de evaluación particular para descubrir las entradas que produjeron un valor particular.
He jugado con la idea de manipular el funcionamiento de la expresión en una estructura de árbol, quizás con evaluaciones intermedias insertadas (mostradas en azul en el ejemplo). Sin embargo, me preocupa que la audiencia a la que apunto este software pueda encontrar esto un poco intimidante.
p. Ej.
Una alternativa, la representación más amigable podría ser permitir en el lugar perforar hacia abajo como se muestra en este ejemplo:
La expresión inicialmente parece a esto: hace clic
usuario la " Botón 107 'que cambia el control a este:
usuario hace clic en el botón de '62', que cambia el control a esto:
Antes de escribir mi propio control pensé que puede haber un control existente disponible que podría ser utilizado para este propósito . Alternativamente, agradecería cualquier sugerencia alternativa para representar estos datos de una manera que sea más intuitiva.