{"repo":"maliknajjar/guifier","free":true,"listed":false,"github":"https://github.com/maliknajjar/guifier","clone":"git clone https://github.com/maliknajjar/guifier.git","description":"An interactive front-end toolkit simplifying JSON, YAML, TOML, and XML data. Visualize, edit, and perform real-time data manipulations. Empower your data-driven apps with user-friendly data processing and interactive visualization.","language":"Svelte","stars":106,"topics":["data-visualization","interactive-ui","json-processing","npm-package","web-development","xml-manipulation","yaml-convertor","data-editing-tools","user-friendly-interfaces"],"license":"MIT","category":"analytics","readme_excerpt":"⚠️ Warning: This README is slightly outdated. The tutorial sections may not match Guifier V2. Updated docs are coming soon. Guifier An interactive front-end toolkit simplifying JSON, YAML, TOML, and XML data. Visualize, edit, and perform real-time data manipulations. Empower your data-driven apps with user-friendly data processing and interactive visualization. Getting started Installing By executing this command on your npm project, you can effortlessly install guifier. Importing Or import it as a cdn by adding this script tag to your html page You can specify a version like this Hello world example Below, you'll find an example demonstrating how to generate an HTML representation based on the data you provided to the Guifier class. That's it! When you execute this code, it will parse your data, generate an HTML GUI, and paste it into the element you selected using the elementSelector property of the params. This GUI will allow you to visualize and edit your JSON data easily. Once you've made the necessary modifications, you can obtain the edited version of your JSON data simply by executing this Guifier method. We offer support for exporting data in five formats: 'json', 'yaml', 'xml', 'toml' and 'js'. Therefore, you can import your data as JSON, make the necessary edits, and then export it in the desired format, such as TOML, YAML, XML or native javascript object. If you wish to modify the data displayed in the GUI representation, you can execute the method. After executin","default_branch":null,"files":null,"tree":[],"storefront":"/r/maliknajjar","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/maliknajjar/guifier/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}