s.times(25, () => {
s.strokedPath((attr) => attr.fill(20, 90, 50, 0.2))
.moveTo(s.randomPoint())
.arcTo(s.randomPoint())
})First, run the development server:
yarn devOpen http://localhost:3000 with your browser to see the result.
Core, relevant bits of Solandra applied to SVG for static renders. Include html-ish stuff like classes, ids. Do groups, layers, ...
Don't do fill/draw separately (as Solandra)
Main short term goal is for plotting type stuff.
Keep it minimal
Output in various ways: inital focus preview/sketch-book + svg file (or something equiv)
Probably just support svg, path and g(roup)
- Basics
- Transforms
- Arcs (within path)
- Ellipse (as move, arc)
- Custom path transform (i.e. user supplied functiont to transform; at least points, maybe other aspects of path spec?)
- Chaiken
- clone path
- squash commits(!), publish to npm, open source
- Inkscape friendly export (dimensions, colours, ...?)
- Groups (have plans for closure based approach for nesting)
- Quick website update (animated transitions, links to source code (but keep very simple, raw GH nothing embedded(!)))
- Object literal apis for attributes and transforms
yarn build:package
cd package
npm publish
I don't really care about old browsers etc so happy to use flatMap and other modern features. If you want to deploy this with SSR you will also need to either use a modern node version e.g. I use Netlify and set in the environment variables:
NODE_VERSION 14