JSON Byte
(json-byte.pages.dev)यह एक JSON visualization tool है। JSON visualization tools के कई अच्छे विकल्प मौजूद हैं। इन्हें GeekNews पर भी कुछ बार पेश किया गया है। मैंने भी उन tools का बहुत उपयोगी तरीके से इस्तेमाल किया है.
लेकिन हमेशा की तरह, मुझे कुछ कमियाँ नज़र आईं, इसलिए मैंने इसे खुद बनाने का फैसला किया। इसकी बुनियादी सुविधाएँ इस प्रकार हैं।
- JSON data को graph के रूप में visualize करना
- editor का उपयोग करके edit करने पर visualization में उसका प्रतिबिंब
- node search सुविधा
- type के अनुसार रंगों का विभाजन
जिन हिस्सों में मुझे असुविधा महसूस हुई, वे इस प्रकार हैं।
- मैं जो screen देख रहा हूँ, उसे share करना चाहता हूँ
- YML support हो तो अच्छा होगा
- mobile पर भी यह अच्छी तरह दिखे
यही इसके कुछ अंतर हैं। ज़रूरत के अनुसार मैं इसमें धीरे-धीरे features जोड़ने का सोच रहा हूँ। अगर आपके पास feedback हो या आप योगदान देना चाहें, तो आपका स्वागत है।
धन्यवाद।
26 टिप्पणियां
अगर JSONPath से सिर्फ उन nodes को highlight या filter किया जा सके जिन्हें ढूंढना है, तो और भी बेहतर होगा।
मुझे लगता है कि minimap में drag करके move करने का फीचर भी हो तो अच्छा रहेगा.. haha बड़े JSON में मनचाहा node ढूंढना आसान नहीं होता T_T
साइज़ बड़ा होने पर रेंडरिंग काफ़ी मुश्किल लग रही है haha T_T मैं लगभग 5 लाख bytes इस्तेमाल करता हूँ
चूंकि xyflow DOM-आधारित है, इसलिए node ज़्यादा होने पर performance थोड़ी कम होती दिखती है। performance सुधारना भी उन लक्ष्यों में से एक है जिन पर मैं काम करना चाहता हूँ। धन्यवाद।
डिफ़ॉल्ट रूप से सब कुछ collapsed state में render हो, इसे भी एक समाधान माना जा सकता है। वैसे भी मुझे जो देखना होता है, वह उसका बहुत छोटा-सा हिस्सा ही होता है।
ओह, काफ़ी साफ़-सुथरा है। मैं इसे बीच-बीच में इस्तेमाल करूँगा।
फ़ीडबैक के लिए धन्यवाद।
बहुत साफ़-सुथरा और सुंदर है।
लेकिन जब इसे डार्क थीम में बदलते हैं, तो सिर्फ़ कोड विंडो पर वह लागू नहीं होता।
कोड विंडो को अलग थीम के साथ मैनेज किया जा रहा है। आप Export के बगल में मौजूद सेटिंग का इस्तेमाल करके थीम बदल सकते हैं। शुरू में इसे इंटीग्रेट करने का सोचा था, लेकिन विकल्पों को थोड़ा और व्यापक रखने के लिए इसे अलग से बनाया गया।
मुझे ऐसी चीज़ की ज़रूरत थी, यह बहुत अच्छा है!
अगर लंबी हो गई लिस्ट को समूह में बाँटकर दिखाने की सुविधा हो, तो अच्छा रहेगा!
धन्यवाद।
show/lessकी तरह एक साथ बांधने वाला फ़ीचर child nodes को render करने की समस्या के कारण मौजूदा version में शामिल नहीं किया गया है। कोई अच्छा तरीका है या नहीं, इस पर हम थोड़ा और विचार करेंगे।अच्छा है!
धन्यवाद।
शायद Safari की वजह से, लेकिन iPad पर यह ठीक से दिखाई नहीं दे रहा है।
मेरे iPhone पर यह सही दिख रहा था, इसलिए राहत मिली, लेकिन iPad जैसे डिवाइस पर मामला फिर अलग है। समय मिलने पर मैं इसे जांचकर देखूंगा। धन्यवाद।
अच्छा लग रहा है!
फ़ीडबैक के लिए धन्यवाद 👍
यह तो बहुत बढ़िया है। कमेंट करने के लिए मैंने लॉग इन किया। haha
फ़ीडबैक के लिए धन्यवाद 👍
ओह, बढ़िया है
फ़ीडबैक के लिए धन्यवाद 👍
अगर visualizer में बदलाव करने पर वह editor में भी लागू हो जाए, तो और बेहतर होगा।
यह एक अच्छा आइडिया है। इसे किस तरीके से लागू किया जाए, इस पर हम विचार करेंगे।
अगर कई JSON फ़ाइलों को tabs आदि में खोलकर उनके बीच स्विच करते हुए संभाल सकें, तो अच्छा होगा।
मैंने tabs को support करने की कोशिश की थी, लेकिन export/import के समय चीजें ज़्यादा जटिल लगने लगीं, इसलिए उन्हें पहली release में शामिल नहीं किया। मैं इसे जल्द ही जोड़ने की कोशिश करूँगा.
अच्छा है, लेकिन अगर इसमें Chrome extension + file system read support भी मिल जाए तो बढ़िया होगा.
लेकिन व्यक्तिगत रूप से मुझे तो JSON बस editor में देखना ही सबसे अच्छा लगता है ^_T
Import का उपयोग करने पर फ़ाइल अपलोड किया जा सकता है। Chrome एक्सटेंशन के बारे में हम सोचेंगे। धन्यवाद!