Skip to content
graphics framework for sveltejs
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
src finish default range Mar 27, 2019
.editorconfig init Oct 18, 2018
.gitignore init Oct 18, 2018
.travis.yml update changelog Mar 27, 2019

Layer Cake layercake-logo

a framework for mostly-reusable graphics with svelte

Travis (.org) branch npm version

🍰 See examples 🍰 Read the guide 🍰 API docs 🍰


import LayerCake from 'LayerCake';

const myCake = new LayerCake({
    padding: { top: 0, right: 0, bottom: 20, left: 25 },
    x: 'x',
    y: 'y',
    yDomain: [0, null],
    data: points,
    target: document.getElementById('chart-target')

// Returns a Svelte store that you can use on your own own...

// Or to render out components
    { component: AxisX },
    { component: AxisY },
    { component: Line },
    { component: Area }
    { component: TextAnnotations, opts: { annos } },


LayerCake lives in your devDependencies alongside Svelte, which it lists as a peerDependency.

npm install --save-dev layercake

Using in your project

It currently only exports an ES6 module since I've been using it in the basic Svelte and Sapper templates. But if you have another setup or other ideas about how this library could work in your project flow let me know on this issue.



You can’t perform that action at this time.