base on Open Source Javascript Gantt <div align="center" markdown="1"> <img src=".github/gantt-logo.jpg" width="80"> <h1>Frappe Gantt</h1> **A modern, configurable, Gantt library for the web.** </div>  ## Frappe Gantt Gantt charts are bar charts that visually illustrate a project's tasks, schedule, and dependencies. With Frappe Gantt, you can build beautiful, customizable, Gantt charts with ease. You can use it anywhere from hobby projects to tracking the goals of your team at the worksplace. [ERPNext](https://erpnext.com/) uses Frappe Gantt. ### Motivation I needed a Gantt View for ERPNext. Surprisingly, I couldn't find a visually appealing Gantt library that was open source - so I decided to build it. Initially, the design was heavily inspired by Google Gantt and DHTMLX. ### Key Features - **Customizable Views**: customize the timeline based on various time periods - day, hour, or year, you have it. You can also create your own views. - **Ignore Periods**: exclude weekends and other holidays from your tasks' progress calculation. - **Configure Anything**: spacing, edit access, labels, you can control it all. Change both the style and functionality to meet your needs. - **Multi-lingual Support**: suitable for companies with an international base. ## Usage Install with: ```bash npm install frappe-gantt ``` Include it in your HTML: ```html <script src="frappe-gantt.umd.js"></script> <link rel="stylesheet" href="frappe-gantt.css"> ``` Or from the CDN: ```html <script src="https://cdn.jsdelivr.net/npm/frappe-gantt/dist/frappe-gantt.umd.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/frappe-gantt/dist/frappe-gantt.css"> ``` Star using Gantt: ```js let tasks = [ { id: '1', name: 'Redesign website', start: '2016-12-28', end: '2016-12-31', progress: 20 }, ... ] let gantt = new Gantt("#gantt", tasks); ``` <!-- To see the list of all options, check out [the docs](docs.frappe.io/gantt) (under development). --> ## Development Setup If you want to contribute enhancements or fixes: 1. Clone this repo. 2. `cd` into project directory. 3. Run `pnpm i` to install dependencies. 4. `pnpm run build` to build files - or `pnpm run build-dev` to build and watch for changes. 5. Open `index.html` in your browser. 6. Make your code changes and test them. <br /> <br /> <div align="center" style="padding-top: 0.75rem;"> <a href="https://frappe.io" target="_blank"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://frappe.io/files/Frappe-white.png"> <img src="https://frappe.io/files/Frappe-black.png" alt="Frappe Technologies" height="28"/> </picture> </a> </div> ", Assign "at most 3 tags" to the expected json: {"id":"10453","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"