Taxonomy editor

What is taxonomy ?

Taxonomy helps to clarify our thinking by classifying things neatly into categories and sub-categories based on their relationships. The primary goal of taxonomy is to recognize, characterise, classify, and name based on their properties.

What is term ?

Terms are items (entities or objects) with in the taxonomy, As below example shows education system taxonomy, where CBSC, Hindi, Grade1, English are terms belonging to different categories,

What is Association ?

In the taxonomy system terms belonging to different category relate to each other, that relation is called association, each category term might have multiple relations with terms belonging to different categories.

In the below example CBSC board have relate to Hindi medium, like Hindi medium might have grde 1 and grade 2 relation.

Example:- Education Taxonomy would look as below.

Problem Statement:

In sun-bird system classification of terms and identify the relations between terms belongs to different categories and represent the in visually.

Existing System

Current system of Taxonomy classifications are hierarchical representation of terms belongs to different category in a tree structure which might be complex when there are large system, It might be difficult to understand the system.

Proposed System of Taxonomy

With proposed taxonomy editor system we can create any number of categories dynamically and under each category we can create any number of terms and also we can also add/show association/relation between terms belonging to different categories in a visual representation as shown below this.

How it works:

UI setup guide :

1. npm i taxonomy-editor

2. Add the below properties to Environment.ts.

    url: 'https://portal.igot-dev.in',
     frameworkName: 'devmvp3',
     channelId: '0131397178949058560',
     authToken: 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJSSXZtaHRpTkxRT1lKT3dYR2xnRElReFp4bHdyZmVTZCJ9.onjwk3QTql0oZYvM-xOPuCDcBJKGTVa65J64j2hy8H0',
     userToken:'eyJhbGciOiJSUzI1NiIsInR5cCIgOiAiSldUIiwia2lkIiA6ICJVMkpUdlpERFY4eG83ZmtfNHd1Yy1kNVJmNjRPTG1oemlRRUhjR25Vc2hNIn0.eyJqdGkiOiJmNTIzZDNhNi0xNjhlLTRkZmEtYTFhNi1kOGIwYmU0YjQ3NmMiLCJleHAiOjE2ODA2MTA1MTMsIm5iZiI6MCwiaWF0IjoxNjgwNTI0MTEzLCJpc3MiOiJodHRwczovL3BvcnRhbC5pZ290LWRldi5pbi9hdXRoL3JlYWxtcy9zdW5iaXJkIiwic3ViIjoiZjo5MjNiZGMxOC01MjBkLTQ4ZDQtYTg0ZS0zY2RlMWU2NTVlYmQ6ZDAzOTJkNTItNTc2Yi00Yjk1LThhMmYtZjc4YmE3MTk5YjFhIiwidHlwIjoiQmVhcmVyIiwiYXpwIjoiYWRtaW4tY2xpIiwiYXV0aF90aW1lIjowLCJzZXNzaW9uX3N0YXRlIjoiZmQxMDZkMGYtYWFhOS00YmNiLTg0MDctMDhiMmQ4MmJhMjQ4IiwiYWNyIjoiMSIsInJlYWxtX2FjY2VzcyI6eyJyb2xlcyI6WyJvZmZsaW5lX2FjY2VzcyIsInVtYV9hdXRob3JpemF0aW9uIl19LCJzY29wZSI6IiIsIm5hbWUiOiJtZG8gdHdvIiwicHJlZmVycmVkX3VzZXJuYW1lIjoibWRvdHdvX2x5cWkiLCJnaXZlbl9uYW1lIjoibWRvIiwiZmFtaWx5X25hbWUiOiJ0d28iLCJlbWFpbCI6Im1kKioqKkB5b3BtYWlsLmNvbSJ9.Mo3-U8j4fMoeMX7yPULvEvK1KHWShUx_Ms-r6VofVPhODdIntfRsTZn-0ogVlkrihAbESGVoi73L3CrkKL2e3eQvF8PUlOquHOqnOnBoamr7mf1CdEHDJ26z9o_RSCI9V45ZykGJtXfuFa0xr_EJgYp9RsRw8ntj8gCYemnSGSliG_hES_qaZpKow4VmUSjUXVdpnQK3BRvJukIR68SNcY8PVPXHBnAJDk9pDyPG-uXm6DVYSJlfkCzsT9qN82taYjAAk3Tsd94MfilZ_BtEOmB4bMZSjUnQ2E-eunDagQuGb_jtUvFHrmUtUE95gkJvfWO2bVYN0A8l-sHxiH4quA',
     isApprovalRequired: true

3. Embed Library component into your application and pass above configuration values as input to below and app.module.ts ( will change as one place configuration)

<lib-taxonomy-editor [environment]="environment"></lib-taxonomy-editor> 

TaxonomyEditorModule.forRoot({
      source: 'online', data:
        { 
          endpoint: environment.url,
          token: environment.authToken, 
          frameworkName: environment.frameworkName,
          isApprovalRequired:environment.isApprovalRequired
        }
    })

4. Navigate to “/dashboard” to view the categories columns and to “/approval“ to view approval flow.