嗨， 大家好，我是徐小夕。
之前一直在社區分享 零程式碼 & 低程式碼 的技術實踐，也陸陸續續設計並開發了多款視覺化搭建產品，比如：
今天和大家分享一款我做的 線上圖表編輯器 ，它可以讓不懂技術的人也能輕松配置自己的圖表。
開發背景
開發這個小專案主要還是為了方便我平時做圖表素材的需求。因為我在很多文章影片中都會用到圖表來提高內容表現力，但是市面上很多線上圖表都需要收費，所以我就自己做了一款線上編輯圖表的工具，供大家免費使用。
image.png
基本介紹
目前我開發的圖表工具支持 10 +常用圖表，同時部份圖表還支持手繪風格，比如柱狀圖，餅圖，面積圖等。
image.png
當然還支持非常具有展現力的氣泡圖譜：
731.gif
如果大家要做性格分析，雷達圖也是個不錯的選擇：
image.png
對於數據散點分布，我們也可以直接用散點圖來線上一鍵編輯：
image.png
當然還內建了很多圖表，這裏就不一一介紹了，大家可以線上體驗。
技術實作
image.png
目前制作這個小工具我采用了 nextjs 做為前端解決方案，技術棧有 react ， antd ， g2 ， g6 等，同時我設計了一套標準數據結構，可以讓我們輕松整合任何第三方圖表庫。
如果大家想學習具體的技術實作，可以在趣談前端中找我要源碼，這塊後面會開源出來，歡迎大家提出更好的建議~
更多精彩
