UR: Product Radar & Bar Charts

Show product attributes as a radar chart or horizontal bars. Drawn in Liquid, with no JavaScript.

Coffee, sake, wine, cosmetics: some products are easier to grasp as a picture than as a table. Set 1 to 8 attributes per product and show them as a radar chart or as horizontal bars on the product page. Values are stored in product metafields, so you can edit them with Matrixify or any bulk tool you already use. Define axes once on a collection and every product in it inherits them while keeping its own values. Charts are drawn in Liquid as SVG, so no JavaScript is added to your storefront.

• Show product attributes as a radar chart with 3 to 8 axes.
• Switch to horizontal bars with a pair of labels at each end.
• Values live in product metafields, so bulk tools can edit them.
• Set axes once on a collection and each product shows its own values.
• Charts are drawn in Liquid as SVG, adding no JavaScript to your store.