A rule engine has been created for the business which allows users to write rules using boolean syntax.
Some example rules include: R1, R2, R3
An example expression is: (R1 AND R2) OR R3
The goal is to visually represent this expression. One idea is to use a visualization framework that can display the expression in a tree view with colored elements.
Is there any available JavaScript or code framework that can help achieve this visual representation? (The application is built on ASP.NET)
While I may not be able to offer a direct solution to your issue, I am eager to share my journey of creating a boolean expression visualizer back in 1998 as my initial venture into Javascript.
Regrettably, the code for this project is no longer accessible for sharing. It was tailored to function on IE4, 5.0, and 5.5 without being updated for IE6, leaving its compatibility with that browser uncertain.
Despite the unavailability of the actual code, I can outline the fundamental concepts behind the visualizer. The boolean expression was depicted using a tree structure, wherein non-leaf nodes symbolized AND, OR, or NOT operations. The visualization entailed nested boxes: horizontal alignment for ANDs, vertical arrangement for ORs, and NOT represented by a box within a box with the external display of "not".
The leaf nodes were related to tangible data scenarios, permitting users to experiment with various input values. For instance:
age < 30
gender = 'F'
income > 40000
Users had the capability to provide sample data for fields such as age, gender, and income,
The visualizer facilitated collaboration between business individuals outlining rules and programmers executing them, bridging comprehension gaps concerning logical operator interpretation.
In summary, utilizing nested boxes to visualize boolean expressions proved to be an effective technique, where green and red hues denoted truthy and falsey values correspondingly. Nevertheless, should you desire to develop a similar tool, crafting original code will be imperative.
new Vue({ el: '#mouse', data: { showByIndex: null }, methods: { } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="mouse"> <div class="parent" v-for="i in 1" @mous ...
My table's content is being generated through an AJAX success response. HTML code <table class="table table-hover" id="table_content"></table> AJAX code $.ajax({ dataType: "json", type : "POST", url: "/configura ...
I'm currently learning how to update states in ReactJS by following a tutorial. In the tutorial, I came across this line of code: this.updateLanguage = this.updateLanguage.bind(this). Although I grasp the basics of 'this' and 'bind&apos ...
Below is my component definition: .component('paging', { templateUrl: "feature/todo-feature/paging/paging.html", controller: "PagingController", bindings: { "data": "<" } ...
Incorporating ASP Master pages into my website, I have a specific need to include an "onkeypress" event handler to the <body> within the Master page, but solely for one individual page. How should this be approached? ...
As I work on my current project, I find myself immersed in a world of SVG animations. The challenge lies in triggering these animations as the user scrolls down to view the SVGs. To address this, I took the approach of creating functions for each Snap.SVG ...
Is there a way to utilize jQuery for scrolling purposes? For example, transforming this: <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#home">Home <span class="sr-only">(current)</span></a> ...
I need assistance with creating a script that can output the values from an array (obtained from a form) without displaying the variable names. Additionally, I want to include customized text before each value such as "You pledged $ (value they entered), Y ...
view image description see image here I encountered an issue while trying to retrieve a specific item from my customer list on the first attempt. The strange behavior occurs when I search for a name not present in the table, then search for an existing en ...
Currently, I am working on integrating a search feature in React Native using axios. For the search functionality, I am incorporating debounce from lodash to control the number of requests being sent. However, there is a concern about receiving responses ...
I have been trying to pass an ID in the URL but my controller is not receiving that value. $("#ChangeSlideForm").on("submit", function(){ $.ajax({ type: "POST", url: base_url + "Visualiser/ChangeSlide/21", su ...
I recently developed a Windows form application and decided to enhance its appearance by updating the icons and images. Unfortunately, the changes I made seem to not be reflecting on my form, specifically with the imagelist and the program logo in .ico f ...
Recently, I attempted to create a registration form using Formik and Yup to handle input errors. However, upon submitting the form, nothing seemed to happen. Interestingly, when I removed the validationSchema, the handleSubmit function worked as expected. ...
I am currently working on implementing localization in my project using Next.js. However, I am not satisfied with the default built-in localization method, especially when navigating on dynamic routes. Can anyone on Stackoverflow help me find a solution to ...
Below is the JSON that I am passing and its result when logged in the console: boundary: Array(1) 0: points: Array(98) 0: {x: 117.5, y: 99} 1: Point {x: 116.5, y: 100} 2: Point {x: 116.5, y: 103} 3: Point {x: 114.5, y: 109} 4: Point {x: 113.5, y: 116} 5: P ...
Facing an issue with date properties in Angular. For instance, here is the Model I am working with: export class Model{ dateFrom Date; dateTo Date; } In my Create view, I have the following setup: <input type="date" [(ngModel)] = "model.dateFrom"> ...
Are there any drawbacks to using an ElementHost to host a WPF UserControl in a Winform application? I'm curious about this because I find it time-consuming to create a new WPF application with a visually appealing interface. When compared to creating ...
I'm facing an issue with updating the database. Whenever I try to update existing data in the database, I encounter a problem where if any value remains the same as the original value in the database, I am unable to update the data successfully. For i ...
I am in the final stages of completing a bookmarklet I have been working on. I found helpful information from this stackoverflow thread. A big thank you to Treffynnon for that. So far, I have managed to fetch the title of the current page and pass it to ...
I am attempting to query certain tables and click a button within a cell of a specific table. Below is the code I am currently using: links[1].click(); iimPlayCode('WAIT SECONDS = 2') var compTabs = window.content.document.getElementById(' ...