用ChatGPT 一句話生成可視化圖表。

作者:krry

本文將 ChatGPT 接入圖表配置化工具,支持用一段話描述圖表信息,生成圖表後直接進入配置頁面,輸入一句話生成圖表內容,並可進行配置和導出,效果如下:

用ChatGPT 一句話生成可視化圖表。https://www.zhihu.com/video/1631303949977079809

介紹

可視化圖表配置工具:提供圖表、數據可配置式的 BI 能力,支持多種基礎圖表屬性並結合業務衍生更多業務型屬性配置,可導出預覽圖、數據源和配置信息,並可保存用戶配置過的圖表。

接入 ChatGPT《GPT3.5-turbo》,根據用戶輸入的內容生成圖表,總的流程如下:

chatGPT-圖表配置

預置屬性和 ChatGPT 返回的內容解析後 merge,後者覆蓋相同屬性,從而順利接入到現有流程:

實現方法

主要分三步實現。

prompt 規則

用戶輸入一句話,我們需要追加一些內容使其返回我們想要的格式,本質是通過它返回一段能描述圖表信息的 DSL。

用戶描述窗口:

2

用戶可以指定生成圖類型,未指定將默認按折線圖渲染,GPT3.5-turbo API 參數:

messages=[ {"role": "system","content": "You are a helpful assistant."}, {"role": "user","content": "Who won the world series in 2020?"}, {"role": "assistant","content": "The Los Angeles Dodgers won the World Series in 2020."}, {"role": "user","content": "Where was it played?"}]