Tag Archives: charts

Hugo Shortcode list

Posted on by
Reply

The list of Hugo Shortcodes on Github is endless... almost endless.

Here are some of the more interesting ones:

Maps with GPX Tracks
* https://github.com/altrdev/hugo-leaflet
* https://github.com/martinschneider/hugo-gpx-shortcode

Archives
* https://github.com/davidsneighbour/hugo-shortcodes

Gallery

  • https://github.com/whimSYZ/hugo-gallery-shortcode
  • https://github.com/Bishma/hugo-shortcodes/tree/main/image-squash
  • https://matze.rocks/images/
  • https://github.com/mfg92/hugo-shortcode-gallery
  • Photos on a Map: https://tmuguet.gitlab.io/hugo-split-gallery/posts/grand-veymont/
  • https://gitlab.com/tmuguet/hugo-split-gallery

Callout:
* https://github.com/mr-islam/hugo-callout

React App and Chart.js
* https://github.com/romankurnovskii/awesome-hugo-shortcodes

Plotly:
https://metalblueberry.github.io/post/howto/2019-11-23_add_plots_with_hugo_shortcodes/

EXIF:
* https://github.com/shombando/shom.dev/commit/7837de9a07fb6bebbd0ba1d4a689cf4cb020a4ad#diff-e09652119eab2b17c2119eefe3e1b9c388520440620609a8d6118cc099930635
* https://github.com/shombando/shom.dev/tree/7837de9a07fb6bebbd0ba1d4a689cf4cb020a4ad
* https://shom.dev/posts/20220128_hugo-photos-with-exif-data/
* https://github.com/Wivik/hugo-shortcodes

Google Contact Form:
* https://github.com/pkgstore-old-01/hugo-ui-shortcodes/blob/main/layouts/shortcodes/form-contact.google.html

Render PDF to the browser:
* https://github.com/sytranvn/hugo-pdf

Analytics:
* https://github.com/holehan/hugo-component-matomo

Podcast feed:
* https://github.com/valeriogalano/podcast-feed-hugo

atom feed:
* https://github.com/jhauraw/hugo-atom-xml-template

Convert to Hugo
* https://github.com/hzmangel/wp2hugo

Sections
* https://cloudcannon.com/blog/the-ultimate-guide-to-hugo-sections/

Javascript Charts…

Posted on by
Reply

These are some really cool looking Javascript Charts from Highcharts.

Highcharts Javascript charts

Another opinion on Highcharts.

They run off of JQuery, which is already used by WordPress and K2. It would be nice if someone could wrap this into a WordPress Plugin with a cool way to add / manage data from the WP admin panel. Let me see if someone did….

For WordPress there is WP-Table by alex.rabe. This project was handed over to another developer, Tobias Bäthge and retitled WP-Table Reloaded.
Tobias says

[one] can have both wp-Table and WP-Table Reloaded installed in your WordPress! They will not interfere (as they are not using anything together). They are completely independent from each other. If WP-Table Reloaded finds the wp-Table database tables, it can import the found tables into it’s own format, so that you can completely upgrade from wp-Table to WP-Table Reloaded.

There are some updated instructions for version 1.5, which didin’t seem to make to the WP plugin repository.

There is another jQuery plugin, called Visualize, that takes data from an HTML table and displays it as a chart. Cool. I wonder which, Visualize or Highcharts is better and why?

After we graph these data, is it possible to also make the data drive a SIMILE chart/timeline?

It looks like one can add data sets to be graphed with the WP-SIMILE plugin. Why not pull these directly from the current display table? or make SIMILE / TIMEPLOT graph time depth change. i.e. if the data displayed in the HTML table is propagated from a MySQL table then why not have several entries in the MySQL database with a time code to change? in a way tracking momentum. That is over time how much have these data changed? i.e. Display the same data set from 1945, from 1950, and 1955.

Why should we still use HTML tables instead of CSS?

ASIDE: My next question is: How do I keep track of all the jQuery plugins I use?
Is there an efficient way to do that?

FYI: There are several other Charting options currently available for WordPress. Most of these involve managing your data somewhere else and then using an API to bring that data to your WP install. The truth of the matter is that it is most likely that you are going to manage your data somewhere else anyway. However, I do not use Google docs to manage my data so I can not pull data from that source directly into my my WP install.
However, there is a plugin Easy Chart Builder. This plugin does not have “nice” admin section for creating the charts but does create an image from a data set inserted with a short code.

PS
Some solutions when using google apps to present data, but if Data Ownership is an issue. Then why use google apps?
http://ouseful.wordpress.com/2008/08/29/html-tables-and-the-data-web/
http://ouseful.open.ac.uk/blogarchive/014014.html
http://ouseful.wordpress.com/2008/10/14/data-scraping-wikipedia-with-google-spreadsheets/