Observable 2.0, generator situs statis untuk aplikasi data

Pengumuman Observable Framework

• Observable 2.0 dirilis: generator situs statis open source untuk membangun aplikasi data, dasbor, dan laporan yang cepat serta indah.
• Bertujuan untuk mengomunikasikan data secara efektif, dan notebook Observable cocok untuk eksplorasi data yang bersifat sementara, tetapi tidak cocok untuk dasbor dan aplikasi.
• Dengan Observable Framework, Anda dapat membangun aplikasi data terbaik serta menggabungkan JavaScript di frontend dengan berbagai bahasa di backend.

Beyond notebooks 📓

• Observable 2.0 mencerminkan pengalaman selama bertahun-tahun.
• Ringannya notebook komputasional dan kemudahan kolaborasinya ideal untuk eksplorasi data serta menjawab pertanyaan secara langsung, tetapi bukan antarmuka yang dioptimalkan untuk semua pekerjaan.
• Notebook memiliki keterbatasan berupa satu kolom, kepadatan informasi visual yang rendah, dan antarmuka editor yang selalu terlihat; keterbatasan ini cocok untuk pembelajaran dan eksperimen, tetapi tidak cocok untuk presentasi.
• Aplikasi data mendorong pemahaman bersama, lebih sering digunakan oleh tim, dan mempertahankan nilainya seiring waktu.

A better developer workflow 👩‍💻

• Pengembangan modern dilakukan berbasis file, dan file memiliki interoperabilitas.
• Developer dapat menggunakan editor teks favorit, source control, dan sistem code review pilihan mereka, serta menjalankan unit test dan linter, dan mengotomatiskan CI/CD.
• Observable Framework mengadopsi sintaks vanilla JavaScript dan menggunakan ES import modern alih-alih require, sehingga memudahkan pembelajaran dan berbagi kode.

A better user experience 😍

• Bukan hanya pengalaman developer yang penting, pengalaman pengguna juga penting, dan nilai alat kreatif seharusnya dinilai dari kualitas hasil yang dihasilkan.
• Framework menyediakan default dan kemudahan untuk memulai dengan cepat, serta dapat disesuaikan sesuai kebutuhan.
• Arsitektur data Framework mempercepat aplikasi dengan melakukan prakomputasi data.

A better data architecture

• Visualisasi data membutuhkan persiapan data tertentu, dan sebagian besar pekerjaan ada pada tahap persiapan data.
• Developer ingin menggunakan berbagai bahasa, library, dan sumber data, sambil memproses data lebih dulu secara offline dan memanfaatkan JavaScript di browser untuk grafik interaktif.
• Data loader Framework menghitung snapshot data statis pada waktu build untuk meningkatkan kecepatan pemuatan halaman, dan karena berjalan di server, keamanan serta privasi dapat dikendalikan.

Ucapan terima kasih

• Berkat dukungan, umpan balik, dan dorongan dari komunitas, mereka bisa sampai di titik ini dan senang dapat membagikan Observable Framework.
• Jika ingin mengetahui lebih lanjut tentang Framework, disarankan untuk membaca dokumentasi atau mengunjungi forum.

Pendapat GN⁺:

• Observable Framework tampaknya akan membawa inovasi dalam pengembangan aplikasi web yang berpusat pada data. Secara khusus, pemrosesan data di muka melalui data loader adalah fitur penting yang dapat sangat meningkatkan pengalaman pengguna.
• Pendekatan Observable yang berupaya menyediakan alat yang bermanfaat bagi developer dan pengguna sama-sama selaras dengan budaya pengembangan modern yang menekankan kolaborasi dan efisiensi.
• Karena bersifat open source dan fleksibel dalam mendukung berbagai bahasa serta alat, ini diperkirakan akan menjadi pilihan yang menarik bagi komunitas developer.

[GN⁺]

Komentar Hacker News

• Pengumuman peluncuran Observable Framework

  • Observable Framework adalah alat open source baru untuk pengembangan aplikasi data.
  • Direkomendasikan untuk melihat laporan contoh yang menganalisis web log di dashboard internal.
  • Menggunakan teknik "memvisualisasikan segala sesuatu sebagai grafik" untuk memperoleh wawasan yang membantu optimasi server dan pengendalian trafik.
  • Juga dibagikan dashboard tradisional yang memvisualisasikan adopsi pustaka visualisasi open source baru bernama Observable Plot.
  • Bersamaan dengan peluncuran Observable Framework, Observable kembali disediakan gratis untuk pengguna individu (termasuk notebook privat dan konektor database).

• Fitur Observable Framework

  • Observable Framework menggunakan 100% sintaks vanilla JavaScript.
  • Runtime reaktif Observable dapat digunakan tanpa sintaks yang aneh.
  • Dapat menggunakan static ES import dari npm atau modul lokal, dan dapat mendeklarasikan beberapa variabel tingkat atas dalam blok kode.
  • Dapat menampilkan konten di halaman dengan memanggil fungsi bawaan display(…).
  • Dengan menggunakan sintaks vanilla, interoperabilitas meningkat secara signifikan.
  • Mereka sedang mencari cara untuk memindahkan peningkatan ini ke Observable notebook dalam waktu dekat.

• Pemanfaatan konsep "file vs app"

  • Dalam pengumuman tersebut ada penyebutan konsep "file vs app".
  • Dengan menggunakan blok kode dalam file Markdown, dapat dibuat visualisasi data kompleks dan dashboard.
  • Interoperabilitas semacam ini sangat menarik.
  • Mencoba mengedit situs Observable di Obsidian dan memastikan bahwa itu bekerja dengan baik.

• Apresiasi terhadap pendekatan Observable

  • Pendekatan memisahkan Observable dari observablehq.com sangat bagus.
  • Hal ini memungkinkan setiap jurnalis dengan mudah membuat blog yang dinamis dan berbasis informasi.
  • Pendiri Observable memiliki rekam jejak membuat visualisasi data yang luar biasa di NYTimes.
  • Alat seperti ini memungkinkan pergeseran yang mengembalikan kekuatan kepada jurnalis dan menjauhkan mereka dari perusahaan yang meragukan.
  • Svekyll adalah static site generator yang terinspirasi dari Jekyll, untuk orang-orang yang ingin menggunakan Svelte di blog.

• Berbagai ide tentang Observable Framework

  • Data loader adalah skrip yang dapat mengeluarkan data (JSON dan sebagainya) ke standard output.
  • File Markdown yang berisi blok ```js yang dieksekusi.
  • Reinkarnasi Observable notebook untuk menghindari sintaks kustom.
  • Hal-hal ini sangat penting.

• Permintaan terkait penggunaan Observable Framework

  • Menyukai pemisahan yang jelas antara memuat/menyiapkan data dan menampilkannya.
  • Meminta kejelasan mengenai contoh sederhana dan dokumentasi deployment.
  • Dengan asumsi sebagian besar orang akan lebih memilih deployment melalui GitHub Actions, diminta agar dokumentasi menambahkan contoh file deployment yang paling sederhana alih-alih file deployment yang rumit.
  • Saran mengenai kemungkinan menyediakan antarmuka untuk menghubungkan ke repositori GitHub dan melakukan build/deploy saat ada perubahan.

• Pertanyaan tentang Observable Framework

  • Pertanyaan apakah fleksibilitas bahasa yang digunakan di data loader/backend juga akan berlaku pada frontend/UI, atau paradigma yang ada akan tetap dipertahankan, yaitu pengguna memakai bahasa apa pun yang mereka inginkan hanya untuk data loading, sementara dashboard dibangun dengan observablejs/observable plot.
  • Mengingat ObservableJS didukung oleh Quarto, ada pertanyaan apakah dapat diharapkan Observable Framework yang terintegrasi dengan Quarto, atau apakah versi Quarto terbaru yang menonjolkan dashboard akan menjadi pesaing Framework.
  • Telah melihat perbandingan dengan Evidence.dev, dan merasa ada kemiripan juga dalam pengalaman pengembangan yang berpusat pada Markdown, tetapi teringat bahwa Evidence memilih Apache Echarts sebagai pustaka chart utama. Ada pertanyaan mengenai kelebihan dan kekurangan Echarts dibanding ObservableJS/Plot.

• Perkembangan historis Observable

  • Jika menelusuri sejarah Observable, perusahaan ini berawal dari pembuat static site generator untuk dashboard, lalu mencoba menghadirkan data science kepada manajer menengah namun kesulitan menemukan kecocokan pasar, dan akhirnya berfokus pada alat yang sederhana dan elegan untuk pemrograman eksploratif, visualisasi data, dan penulisan dokumen interaktif di JavaScript.

• Pertanyaan tambahan tentang penggunaan Observable Framework

  • Pertanyaan tentang bagaimana mencapai interaksi semacam ini jika ingin membuat plot/tabel yang hanya mengambil dan menampilkan sebagian data sekaligus dari file database Sqlite/Duckdb di server dengan menggunakan slider/filter.
  • Pertanyaan apakah, jika Observable Framework menyediakan frontend, dapat menggunakan pustaka autentikasi apa pun untuk membuat situs web dengan opsi login dan langganan.
  • Pertanyaan apakah, jika ini adalah halaman web statis, pengguna dapat mengunduh file data di balik visualisasi menggunakan Dev Tools setiap kali mereka melihat chart.
  • Pertanyaan mengenai tanggal rilis interaksi Plot (zoom, pan, legenda interaktif, brush).
  • Pertanyaan apakah ada rencana menyediakan layanan hosting untuk menghasilkan file besar parquet, sqlite, csv beserta runtime-nya, karena CI/CD melalui GitHub atau Vercel tidak memungkinkan.

• Pengamatan tentang ide serupa

  • Sedang mengembangkan alat yang sangat mirip (dan dalam beberapa aspek sangat berbeda) di rysana.com.
  • Idenya muncul bergelombang tanpa koordinasi, seperti saat kalkulus pertama kali ditemukan.
  • Ada banyak prior art di sini, tetapi pada saat yang sama menarik bahwa lompatan spesifik menuju "aplikasi" Markdown satu file yang menggunakan beragam bahasa terjadi secara bersamaan.