Skip to main content
  1. Samples/

Charts

1 min·
chart sample graph shortcodes
Blowfish
Author
Blowfish
A powerful, lightweight theme for Hugo.
Table of Contents

Blowfish includes support for Chart.js using the chart shortcode. Simply wrap the chart markup within the shortcode. Blowfish automatically themes charts to match the configured colorScheme parameter, however the colours can be customised using normal Chart.js syntax.

Refer to the chart shortcode docs for more details.

The examples below are a small selection taken from the official Chart.js docs. You can also view the page source on GitHub to see the markup.

Bar chart
#

Line chart
#

Doughnut chart
#

Related

Diagrams and Flowcharts
2 mins
mermaid sample diagram shortcodes
Emoji 🪂
1 min
emoji sample
Shortcodes
16 mins
shortcodes mermaid icon lead docs