डेटा ऐप्स के लिए स्टैटिक साइट जनरेटर, Observable 2.0

Observable Framework की घोषणा

• Observable 2.0 लॉन्च: यह एक ओपन सोर्स स्टैटिक साइट जनरेटर है, जिससे तेज़ और सुंदर डेटा ऐप्स, डैशबोर्ड और रिपोर्ट बनाए जा सकते हैं.
• इसका लक्ष्य डेटा को प्रभावी ढंग से संप्रेषित करना है; Observable notebooks अस्थायी डेटा एक्सप्लोरेशन के लिए उपयुक्त हैं, लेकिन डैशबोर्ड और ऐप्स के लिए नहीं.
• Observable Framework के जरिए बेहतरीन डेटा ऐप्स बनाए जा सकते हैं, और इसमें फ्रंटएंड के JavaScript को बैकएंड की विभिन्न भाषाओं के साथ मिलाकर इस्तेमाल किया जा सकता है.

notebooks से आगे 📓

• Observable 2.0 कई वर्षों के अनुभव को दर्शाता है.
• computational notebooks की हल्की और सहयोगी प्रकृति डेटा एक्सप्लोरेशन और तुरंत उठने वाले सवालों के जवाब के लिए आदर्श है, लेकिन यह हर काम के लिए सबसे उपयुक्त इंटरफ़ेस नहीं है.
• notebooks एकल कॉलम, कम visual information density, और हमेशा दिखाई देने वाले editor interface के कारण सीमित हैं; ये सीमाएँ सीखने और प्रयोग के लिए ठीक हैं, लेकिन प्रस्तुति के लिए उपयुक्त नहीं.
• डेटा ऐप्स साझा समझ को बढ़ावा देते हैं, टीमों द्वारा अधिक बार उपयोग किए जाते हैं, और समय के साथ अपना मूल्य बनाए रखते हैं.

बेहतर डेवलपर वर्कफ़्लो 👩‍💻

• आधुनिक डेवलपमेंट file-based होता है, और फाइलों में interoperability होती है.
• डेवलपर्स अपनी पसंद के text editor, source control, और code review systems का उपयोग कर सकते हैं, साथ ही unit tests और linters चला सकते हैं, और CI/CD को automate कर सकते हैं.
• Observable Framework vanilla JavaScript syntax अपनाता है, और require के बजाय आधुनिक ES import का उपयोग करता है, जिससे सीखना और code sharing आसान हो जाता है.

बेहतर यूज़र अनुभव 😍

• सिर्फ डेवलपर अनुभव ही नहीं, यूज़र अनुभव भी महत्वपूर्ण है, और creative tools का मूल्य उनके आउटपुट की गुणवत्ता से आँका जाना चाहिए.
• Framework तेज़ शुरुआत के लिए defaults और convenience देता है, और ज़रूरत पड़ने पर customization भी संभव बनाता है.
• Framework की data architecture डेटा को पहले से compute करके ऐप की गति बढ़ाती है.

बेहतर डेटा आर्किटेक्चर

• डेटा विज़ुअलाइज़ेशन के लिए विशेष डेटा तैयारी की आवश्यकता होती है, और अधिकांश काम डेटा तैयारी में ही होता है.
• डेवलपर्स विभिन्न भाषाओं, libraries, और data sources का उपयोग करना चाहते हैं, डेटा को ऑफ़लाइन पहले से प्रोसेस करना चाहते हैं, और साथ ही browser में JavaScript का उपयोग करके interactive graphics का लाभ उठाना चाहते हैं.
• Framework के data loaders build time पर static data snapshots compute करते हैं, जिससे पेज लोडिंग तेज़ होती है; और क्योंकि ये server पर चलते हैं, इसलिए security और privacy को नियंत्रित किया जा सकता है.

आभार

• कम्युनिटी के समर्थन, feedback, और उत्साहवर्धन की बदौलत हम यहाँ तक पहुँचे हैं, और Observable Framework को साझा करते हुए खुशी हो रही है.
• यदि आप Framework के बारे में और जानना चाहते हैं, तो documentation पढ़ने या forum पर जाने की सलाह दी जाती है.

GN⁺ की राय:

• Observable Framework डेटा-केंद्रित वेब एप्लिकेशन डेवलपमेंट में बड़ा बदलाव ला सकता है. खासकर data loaders के जरिए पहले से डेटा प्रोसेस करना यूज़र अनुभव को काफी बेहतर बना सकता है.
• डेवलपर्स और यूज़र्स दोनों के लिए उपयोगी टूल देने का Observable का दृष्टिकोण सहयोग और दक्षता को महत्व देने वाली आधुनिक डेवलपमेंट संस्कृति से अच्छी तरह मेल खाता है.
• इसका ओपन सोर्स होना और विभिन्न भाषाओं व टूल्स को सपोर्ट करने वाली लचीलापन इसे डेवलपर कम्युनिटी के लिए आकर्षक विकल्प बना सकती है.

[GN⁺]

Hacker News की राय

• Observable Framework लॉन्च की खबर

  • Observable Framework डेटा ऐप डेवलपमेंट के लिए एक नया open source टूल है.
  • अंदरूनी dashboard में web log का विश्लेषण करने वाली example report देखने की सिफारिश की गई है.
  • "हर चीज़ को graph के रूप में व्यक्त करना" तकनीक का उपयोग करके server optimization और traffic control में मददगार insights मिलते हैं.
  • Observable Plot नाम की नई open source visualization library के adoption को visualise करने वाला पारंपरिक dashboard भी साझा किया गया है.
  • Observable Framework के लॉन्च के साथ व्यक्तिगत उपयोगकर्ताओं के लिए Observable को फिर से मुफ़्त कर दिया गया है, जिसमें private notebooks और database connectors शामिल हैं.

• Observable Framework की विशेषताएँ

  • Observable Framework 100% vanilla JavaScript syntax का उपयोग करता है.
  • Observable का reactive runtime बिना किसी असामान्य syntax के इस्तेमाल किया जा सकता है.
  • npm या local modules से static ES imports का उपयोग किया जा सकता है, और code blocks में कई top-level variables घोषित किए जा सकते हैं.
  • built-in display(…) function को call करके page पर content दिखाया जा सकता है.
  • vanilla syntax का उपयोग करने से interoperability काफ़ी बेहतर हो जाती है.
  • इन सुधारों को निकट भविष्य में Observable notebooks में port करने के तरीकों पर काम किया जा रहा है.

• "फाइल बनाम ऐप" अवधारणा का उपयोग

  • घोषणा में "फाइल बनाम ऐप" अवधारणा का उल्लेख है.
  • Markdown files में code blocks का उपयोग करके जटिल डेटा visualization और dashboards बनाए जा सकते हैं.
  • यह interoperability बहुत दिलचस्प है.
  • Obsidian में Observable site को edit करके देखा गया और यह अच्छी तरह काम करता पाया गया.

• Observable के approach की सराहना

  • Observable को observablehq.com से अलग करने का approach बेहतरीन है.
  • इससे हर पत्रकार के लिए dynamic और information-driven blog आसानी से बनाना संभव हो जाता है.
  • Observable के संस्थापक का NYTimes में शानदार डेटा visualization बनाने का अनुभव रहा है.
  • इस तरह के टूल पत्रकारों को फिर से ताकत देते हैं और संदिग्ध कंपनियों से दूर जाने का बदलाव संभव बनाते हैं.
  • Svekyll, Jekyll से प्रेरित एक static site generator है, जो उन लोगों के लिए है जो blog में Svelte का उपयोग करना चाहते हैं.

• Observable Framework के बारे में विभिन्न विचार

  • data loader एक script है जो standard output पर data (जैसे JSON) आउटपुट कर सकता है.
  • js blocks के चलने वाली Markdown files.
  • custom syntax से बचने के लिए Observable notebooks का पुनर्निर्माण.
  • ये बातें बहुत महत्वपूर्ण हैं.

• Observable Framework के उपयोग को लेकर अनुरोध

  • data को load/prepare करने और display करने के बीच साफ़ विभाजन पसंद आया.
  • सरल examples और deployment documentation में स्पष्टता की मांग की गई है.
  • यह मानते हुए कि ज़्यादातर लोग GitHub Actions के ज़रिए deploy करना पसंद करेंगे, जटिल deployment files की जगह सबसे सरल deployment file का example documentation में जोड़ने का अनुरोध किया गया है.
  • GitHub repository से connect होकर बदलाव होने पर build/deploy करने वाला interface उपलब्ध कराने का सुझाव.

• Observable Framework के बारे में प्रश्न

  • क्या data loader/backend में इस्तेमाल की जाने वाली language flexibility frontend/UI पर भी लागू होगी, या उपयोगकर्ता अपनी पसंद की भाषा सिर्फ data loading के लिए ही इस्तेमाल कर पाएँगे और dashboard observablejs/observable plot से ही बनेंगे?
  • ObservableJS को Quarto द्वारा support किए जाने को देखते हुए, क्या Quarto के साथ integrated Observable Framework की उम्मीद की जा सकती है, या dashboard features वाला नया Quarto version Framework का competitor बन जाएगा?
  • Evidence.dev के साथ तुलना देखी गई, और Markdown-केंद्रित development experience में समानता महसूस हुई, लेकिन याद है कि Evidence ने मुख्य chart library के रूप में Apache Echarts चुना था. Echarts और ObservableJS/Plot के फायदे-नुकसान पर विचार क्या हैं?

• Observable का ऐतिहासिक विकास

  • Observable के इतिहास को देखें तो यह dashboard के लिए static site generator बनाने वाली कंपनी के रूप में शुरू हुआ, फिर middle managers तक data science पहुँचाने की कोशिश की, market fit पाने में कठिनाई हुई, और अंततः JavaScript में exploratory programming, data visualization, और interactive document authoring के लिए एक सरल और elegant टूल पर केंद्रित हो गया.

• Observable Framework के उपयोग पर अतिरिक्त प्रश्न

  • अगर server पर मौजूद Sqlite/Duckdb database file से slider/filter का उपयोग करके एक बार में सिर्फ कुछ data लाकर दिखाने वाले plot/table बनाने हों, तो इस तरह की interaction कैसे हासिल की जाएगी?
  • अगर Observable Framework frontend देता है, तो क्या login और subscription options वाली website बनाने के लिए कोई भी authentication library इस्तेमाल की जा सकती है?
  • अगर यह static web page है, तो क्या chart देखते समय user हर बार Dev Tools का उपयोग करके visualization के पीछे की data files डाउनलोड कर सकता है?
  • Plot की interactions (zoom, pan, interactive legend, brush) की release date कब है?
  • अगर बड़े parquet, sqlite, csv files हों, तो GitHub या Vercel के ज़रिए CI/CO संभव नहीं होगा; क्या ऐसे files और runtime बनाने के लिए hosting service देने की योजना है?

• मिलते-जुलते विचारों पर अवलोकन

  • rysana.com पर एक बहुत मिलता-जुलता, हालांकि कुछ पहलुओं में काफ़ी अलग, टूल विकसित किया जा रहा है.
  • ऐसा लगता है जैसे calculus के पहली बार आविष्कार होने पर विचारों की लहर बिना किसी समन्वय के एक साथ उभर आई हो.
  • यहाँ बहुत-सी prior art मौजूद है, लेकिन साथ ही अलग-अलग भाषाओं का उपयोग करने वाले single-file Markdown 'app' की ओर यह खास छलांग एक साथ हो रही है, यह दिलचस्प है.