Uncharted

A CSS-based chart plugin for Eleventy. Renders charts as pure HTML/CSS.

Full Documentation

Installation

npm install eleventy-plugin-uncharted

Setup

// eleventy.config.js
import uncharted from 'eleventy-plugin-uncharted';

export default function(eleventyConfig) {
  eleventyConfig.addPlugin(uncharted);
}

Quick Example

Define a chart in frontmatter and render with the shortcode:

---
charts:
  sales:
    type: stacked-bar
    title: Quarterly Sales
    file: charts/sales.csv
---

{% chart "sales" %}

Chart types: donut, stacked-bar, stacked-column, dot, scatter

See the documentation for configuration options, styling, animations, and more.