Challenge Overview
Challenge Objectives
Welcome to "Mechanics Inc - Sankey Diagram Challenge". In this challenge we want to update the the Mechanics Inc Tree Editor to use a proper Sankey Diagram.Let us know in the forum if you have questions!
Project Background
Mechanics Inc app will be used to create and visualize evaluation rules for an internal rule processor - tester. Each rule is a tree structure (if-then-else) and is tested on a set of test cases (VINs). User can compare rules visually (tree) or by comparing raw rule text. Rules and test cases are organized into workspaces and members can be assigned to each workspace to enable collaborative editing.
Technology Stack
- Angular 7.x
- Node.js
- Typscript
Requirements
- Currently the Tree editor has the following structure:
- However it should look like this (Sankey diagram)
- It should be able to show lines with a ratio of 1000:1
- And the number related to the each tree branch should be shown when hovering over the line
Final Submission Guidelines
- Updated source code