Hello Charts 為塊編輯器推出原生圖表構建體驗

Luke Carbis 和 Rob Stinson,Block Lab 的三人團隊中的兩人 WP Engine 於 2020 年上市, 一起回到一個新項目上。 這一次,拜倫·基特加入了他們的行列。 三人組正在通過一組名為的塊佔據 WordPress 圖表空間 你好圖表.

「有些人在黑色星期五推出優惠,」 上周寫了團隊 這是自 7 月以來的第二條推文。 「我們正在推出一個完整的產品!」

Carbis 指出,該團隊努力創建一個塊編輯器原生插件。 沒有管理屏幕或設置頁面,用戶只需在編輯器中工作。

網站主頁上的營銷材料聲稱 Hello Charts 是「第一個首先構建塊編輯器的圖表插件」。 然而, SB 圖表 已經存在近一年了,並且 圖表塊 幾周前登陸WordPress插件目錄。 古騰堡的圖表塊,支持 CSV 導入,半年前首次發布,但此後一直沒有更新。

聲稱成為第一,也許是營銷上的失誤。 我立即發現它的唯一原因是我一直密切關注類似的插件一段時間,希望為塊編輯器找到一個像樣的圖表解決方案。 雖然 Hello Charts 在技術上可能不是第一個登陸的,但它提供了最好的用戶體驗。

在大多數情況下,我依賴條形圖和折線圖。 但是,該插件總共提供了五種塊類型:

  • 條形圖
  • 折線圖
  • 餅形圖
  • 極地面積圖
  • 雷達圖

在輸入數據和自定義輸出時,它們的工作原理幾乎相同。 每種類型都有一些特定的選項和控制項。 此外,用戶可以通過單擊按鈕從一個圖表塊轉換到另一個圖表塊,而不會丟失數據。

在熟悉了選項後,我按月構建了一個三年的產品銷售數據圖表。 我從條形圖塊開始,這是最有意義的。 每個塊都有一個「編輯圖表數據」按鈕。 單擊它會在屏幕上打開一個疊加層,其工作方式類似於典型的電子表格程序。

hello-charts-launches-a-native-chart-building-experience-for-the-block-editor Hello Charts 為塊編輯器推出原生圖表構建體驗圖表數據疊加。

用戶可以瀏覽每個單元格,添加數據並創建新的數據集或行。 通過單擊省略號按鈕,可以選擇在之前/之後複製數據集或添加新數據集。 對於自高中計算機課以來就沒有花很多時間使用電子表格軟體的人來說,這一切都很簡單。

幾分鐘後,我得到了一個條形圖。 我需要做的就是調整它以使用我的主題顏色。

hello-charts-launches-a-native-chart-building-experience-for-the-block-editor-1 Hello Charts 為塊編輯器推出原生圖表構建體驗條形圖塊。

該插件的自定義選項豐富但足夠平衡,不會變得霸道。 我只是想讓它與我的主題設計相匹配,而不必大驚小怪,很快就實現了。

我使用現有數據向編輯器添加了一個折線圖塊。 我需要做的唯一調整是「曲線」選項。 我希望我的線條看起來筆直而不是波浪狀。 我已經在想,在我知道我當時甚至需要它之前,團隊是否已經考慮了一切。

hello-charts-launches-a-native-chart-building-experience-for-the-block-editor-2 Hello Charts 為塊編輯器推出原生圖表構建體驗折線圖塊。

為了更好地衡量,我測試了餅圖塊。 這是一種我可能會偶爾使用的圖表類型。 總的來說,它的表現和其他的一樣好。

我錯過的功能是在屏幕上列印每個餅圖段的數據。 數據可通過懸停或焦點上的彈出窗口獲得,但訪問者無法一次看到所有細分數據。

hello-charts-launches-a-native-chart-building-experience-for-the-block-editor-3 Hello Charts 為塊編輯器推出原生圖表構建體驗餅圖塊。

誠然,我沒有花太多時間在極地區域圖和雷達圖塊上。 我對它們的體驗在現實世界的場景中是不存在的,所以我對是否有其他人可能想要的功能沒有把握。 我只是對它們進行了測試以確保它們有效。 就像系列中的其他方塊一樣,我沒有遇到任何問題。

我希望看到集成到插件塊中的標題或標題選項。 但是,兩者都可以通過標題或段落塊輕鬆添加。 要匹配背景,包裹在 Group 塊中會有所幫助,如下面的屏幕截圖所示:

hello-charts-launches-a-native-chart-building-experience-for-the-block-editor-4 Hello Charts 為塊編輯器推出原生圖表構建體驗對圖表進行分組以添加標題。

其他一些受歡迎的功能是 X 和 Y 軸線的顏色選項以及數據文本以及塊間隙或邊距支持。 圖例間距有點不理想,通常與圖表輸出靠得太近。 它有幾個定位選項,但它需要一些額外的空白,尤其是當它位於頂部或底部時。

總的來說,我找不到太多可抱怨的。 Hello Charts 是一個插件,我會向需要圖表解決方案的任何人推薦,該解決方案的工作原理就像為 WordPress 塊系統構建的一樣。

採購流程和設置

您可以從當前的免費塊插件中獲得一些好處,但 Hello Charts 非常值得 價格升級. 它的價值甚至可能被低估。 如果團隊在 CSV 導入中構建,那將是徹頭徹尾的竊取。

用戶可以單獨以 4 美元的價格購買五種單獨的塊類型,也可以以 16 美元的價格升級以全部購買。 這些在沒有支持的情況下為單個站點提供終身更新。 無限制站點和一年支持的價格更高,為 199 美元。

只有一個插件是用戶必須安裝的。 每個塊類型都捆綁在插件中。 從技術上講,用戶購買許可證密鑰來激活每個密鑰。

Carbis 向我提供了折扣代碼來測試這種採購流程的運作方式並提供反饋。 該團隊希望採用不同的方式購買區塊。 與其為用戶創建一個要麼全有要麼全無的交易,他們可以只購買他們真正需要的東西。 「因此,如果您需要條形圖,只需購買條形圖塊,」Carbis 說。 「或者您可以將所有圖表類型作為一個集合。」

我在購買流程中沒有遇到任何問題。 我從條形圖開始,這是我比其他塊更需要的塊。 然後,我升級到了整套。

由於插件沒有設置頁面,我最初遇到的唯一問題是弄清楚如何激活許可證。 許可證欄位實際上位於插件管理屏幕上。

hello-charts-launches-a-native-chart-building-experience-for-the-block-editor-5 Hello Charts 為塊編輯器推出原生圖表構建體驗插件屏幕上的許可證密鑰欄位。

為每個塊類型擁有單獨許可證的缺點是用戶必須輸入一個密鑰,提交它,等待頁面重新載入,向下滾動到插件,然後用另一個許可證重新開始。 這個過程太痛苦了,我想放棄測試我不感興趣的圖表類型。但是,我繼續前進,在許可證密鑰之後輸入許可證密鑰。

是的,我有點誇大其詞,但是一次輸入多個許可證密鑰或不等待頁面載入會容易得多。 這恰好是不符合插件其餘部分設定的標準的體驗的一部分。

像這樣:

喜歡載入…

來源

相關文章