Hugo native shortcodes don’t manage data visualizations. However, I found a Hugo theme ( DoIt ) that handles data visualizations through shortcodes with ECharts . With this theme, ECharts option just has to be inserted in JSON, YAML or TOML format in the ECharts shortcode. Here is an example: {{< ech…

The block I mentioned earlier is in the shortcode. To do what you want to do… Place the chart options in local data file Use the resources.GetRemote and transform.Unmarshal functions to get the remote data Build your data series from the result of step 2 Merge the data series into the data from s…

How to load data to generate data visualizations through Hugo shortcodes?

support

jmooring January 27, 2024, 8:10pm 2

There’s another Apache ECharts example here:
https://discourse.gohugo.io/t/need-help-with-apache-echarts/45500/4

Topic		Replies	Views
Issue encountered when embedding Echarts into Hugo site support modules	4	1007	April 11, 2021
Render data with chart.js or Google charts - AKA access Hugo's data from JavaScript support metadata	2	655	April 7, 2023
Quote encoding inside JSON tag support	3	1514	February 20, 2016
Hugo & YML Data support	8	714	January 21, 2022
Load data from YAML/XML/JSON files? feature	14	7665	April 2, 2015

How to load data to generate data visualizations through Hugo shortcodes?

Related topics